#C8ADDF - #FFE5D7 | 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 #C8ADDF to #FFE5D7

#C8ADDF #FFE5D7

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

#C8ADDF - #FFE5D7 | 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 #C8ADDF as 0% and #FFE5D7 as 100%.

0.0%	0.0% #C8ADDF	RGB 200 173 223	#C8ADDF
16.7%	16.7% #D1B6DD	RGB 209 182 221	#D1B6DD
33.3%	33.3% #DABFDC	RGB 218 191 220	#DABFDC
50.0%	50.0% #E3C9DB	RGB 227 201 219	#E3C9DB
66.7%	66.7% #ECD2D9	RGB 236 210 217	#ECD2D9
83.3%	83.3% #F5DBD8	RGB 245 219 216	#F5DBD8
100.0%	100.0% #FFE5D7	RGB 255 229 215	#FFE5D7

#C8ADDF #D1B6DD #DABFDC #E3C9DB #ECD2D9 #F5DBD8 #FFE5D7

#C8ADDF - #FFE5D7

HSV Blend

#C8ADDF - #FFE5D7 | 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 #C8ADDF as 0% and #FFE5D7 as 100%.

0.0%	0.0% #C8ADDF	RGB 200 173 223	#C8ADDF
16.7%	16.7% #DCB3E4	RGB 220 179 228	#DCB3E4
33.3%	33.3% #E9BAE2	RGB 233 186 226	#E9BAE2
50.0%	50.0% #EFC1DA	RGB 239 193 218	#EFC1DA
66.7%	66.7% #F4C8D3	RGB 244 200 211	#F4C8D3
83.3%	83.3% #F9D1CF	RGB 249 209 207	#F9D1CF
100.0%	100.0% #FFE5D7	RGB 255 229 215	#FFE5D7

#C8ADDF #DCB3E4 #E9BAE2 #EFC1DA #F4C8D3 #F9D1CF #FFE5D7

#C8ADDF - #EFC1DA - #FFE5D7

CSS codes

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

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