#CCA8C3 - #D6EBE1 | 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 #CCA8C3 to #D6EBE1

#CCA8C3 #D6EBE1

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

#CCA8C3 - #D6EBE1 | 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 #CCA8C3 as 0% and #D6EBE1 as 100%.

0.0%	0.0% #CCA8C3	RGB 204 168 195	#CCA8C3
16.7%	16.7% #CDB3C8	RGB 205 179 200	#CDB3C8
33.3%	33.3% #CFBECD	RGB 207 190 205	#CFBECD
50.0%	50.0% #D1C9D2	RGB 209 201 210	#D1C9D2
66.7%	66.7% #D2D4D7	RGB 210 212 215	#D2D4D7
83.3%	83.3% #D4DFDC	RGB 212 223 220	#D4DFDC
100.0%	100.0% #D6EBE1	RGB 214 235 225	#D6EBE1

#CCA8C3 #CDB3C8 #CFBECD #D1C9D2 #D2D4D7 #D4DFDC #D6EBE1

#CCA8C3 - #D6EBE1

HSV Blend

#CCA8C3 - #D6EBE1 | 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 #CCA8C3 as 0% and #D6EBE1 as 100%.

0.0%	0.0% #CCA8C3	RGB 204 168 195	#CCA8C3
16.7%	16.7% #CAAFD1	RGB 202 175 209	#CAAFD1
33.3%	33.3% #C1B6D6	RGB 193 182 214	#C1B6D6
50.0%	50.0% #BEC1DB	RGB 190 193 219	#BEC1DB
66.7%	66.7% #C6D5E0	RGB 198 213 224	#C6D5E0
83.3%	83.3% #CDE5E5	RGB 205 229 229	#CDE5E5
100.0%	100.0% #D6EBE1	RGB 214 235 225	#D6EBE1

#CCA8C3 #CAAFD1 #C1B6D6 #BEC1DB #C6D5E0 #CDE5E5 #D6EBE1

#CCA8C3 - #BEC1DB - #D6EBE1

CSS codes

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

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