#DDC5E1 - #A2679C | 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 #DDC5E1 to #A2679C

#DDC5E1 #A2679C

Calculate the color between two colors, #DDC5E1 and #A2679C. 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)

#DDC5E1 - #A2679C | 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 #DDC5E1 as 0% and #A2679C as 100%.

0.0%	0.0% #DDC5E1	RGB 221 197 225	#DDC5E1
16.7%	16.7% #D3B5D5	RGB 211 181 213	#D3B5D5
33.3%	33.3% #C9A5CA	RGB 201 165 202	#C9A5CA
50.0%	50.0% #BF96BE	RGB 191 150 190	#BF96BE
66.7%	66.7% #B586B3	RGB 181 134 179	#B586B3
83.3%	83.3% #AB76A7	RGB 171 118 167	#AB76A7
100.0%	100.0% #A2679C	RGB 162 103 156	#A2679C

#DDC5E1 #D3B5D5 #C9A5CA #BF96BE #B586B3 #AB76A7 #A2679C

#DDC5E1 - #A2679C

HSV Blend

#DDC5E1 - #A2679C | 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 #DDC5E1 as 0% and #A2679C as 100%.

0.0%	0.0% #DDC5E1	RGB 221 197 225	#DDC5E1
16.7%	16.7% #D2B3D6	RGB 210 179 214	#D2B3D6
33.3%	33.3% #C9A2CC	RGB 201 162 204	#C9A2CC
50.0%	50.0% #C092C1	RGB 192 146 193	#C092C1
66.7%	66.7% #B782B5	RGB 183 130 181	#B782B5
83.3%	83.3% #AC74A9	RGB 172 116 169	#AC74A9
100.0%	100.0% #A2679C	RGB 162 103 156	#A2679C

#DDC5E1 #D2B3D6 #C9A2CC #C092C1 #B782B5 #AC74A9 #A2679C

#DDC5E1 - #C092C1 - #A2679C

CSS codes

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

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