#DDC3E5 - #B570CF | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #DDC3E5 to #B570CF

#DDC3E5 #B570CF

Calculate the color between two colors, #DDC3E5 and #B570CF. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#DDC3E5 - #B570CF | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #DDC3E5 as 0% and #B570CF as 100%.

0.0%	0.0% #DDC3E5	RGB 221 195 229	#DDC3E5
16.7%	16.7% #D6B5E1	RGB 214 181 225	#D6B5E1
33.3%	33.3% #CFA7DD	RGB 207 167 221	#CFA7DD
50.0%	50.0% #C999DA	RGB 201 153 218	#C999DA
66.7%	66.7% #C28BD6	RGB 194 139 214	#C28BD6
83.3%	83.3% #BB7DD2	RGB 187 125 210	#BB7DD2
100.0%	100.0% #B570CF	RGB 181 112 207	#B570CF

#DDC3E5 #D6B5E1 #CFA7DD #C999DA #C28BD6 #BB7DD2 #B570CF

#DDC3E5 - #B570CF

HSV Blend

#DDC3E5 - #B570CF | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #DDC3E5 as 0% and #B570CF as 100%.

0.0%	0.0% #DDC3E5	RGB 221 195 229	#DDC3E5
16.7%	16.7% #D6B4E1	RGB 214 180 225	#D6B4E1
33.3%	33.3% #CFA5DD	RGB 207 165 221	#CFA5DD
50.0%	50.0% #C997DA	RGB 201 151 218	#C997DA
66.7%	66.7% #C28AD6	RGB 194 138 214	#C28AD6
83.3%	83.3% #BB7CD2	RGB 187 124 210	#BB7CD2
100.0%	100.0% #B570CF	RGB 181 112 207	#B570CF

#DDC3E5 #D6B4E1 #CFA5DD #C997DA #C28AD6 #BB7CD2 #B570CF

#DDC3E5 - #C997DA - #B570CF

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #DDC3E5 0%, #B570CF 100%);
    background: -webkit-linear-gradient(top, #DDC3E5 0%, #B570CF 100%);
    background: linear-gradient(to bottom, #DDC3E5 0%, #B570CF 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DDC3E5 0%, #C997DA 50%, #B570CF 100%);
    background: -webkit-linear-gradient(top, #DDC3E5 0%, #C997DA 50%, #B570CF 100%);
    background: linear-gradient(to bottom, #DDC3E5 0%, #C997DA 50%, #B570CF 100%);
}
</style>