#CAAED5 - #FFE3CD | 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 #CAAED5 to #FFE3CD

#CAAED5 #FFE3CD

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

#CAAED5 - #FFE3CD | 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 #CAAED5 as 0% and #FFE3CD as 100%.

0.0%	0.0% #CAAED5	RGB 202 174 213	#CAAED5
16.7%	16.7% #D2B6D3	RGB 210 182 211	#D2B6D3
33.3%	33.3% #DBBFD2	RGB 219 191 210	#DBBFD2
50.0%	50.0% #E4C8D1	RGB 228 200 209	#E4C8D1
66.7%	66.7% #EDD1CF	RGB 237 209 207	#EDD1CF
83.3%	83.3% #F6DACE	RGB 246 218 206	#F6DACE
100.0%	100.0% #FFE3CD	RGB 255 227 205	#FFE3CD

#CAAED5 #D2B6D3 #DBBFD2 #E4C8D1 #EDD1CF #F6DACE #FFE3CD

#CAAED5 - #FFE3CD

HSV Blend

#CAAED5 - #FFE3CD | 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 #CAAED5 as 0% and #FFE3CD as 100%.

0.0%	0.0% #CAAED5	RGB 202 174 213	#CAAED5
16.7%	16.7% #DCB3DB	RGB 220 179 219	#DCB3DB
33.3%	33.3% #E3B8D6	RGB 227 184 214	#E3B8D6
50.0%	50.0% #EABDD0	RGB 234 189 208	#EABDD0
66.7%	66.7% #F1C2C8	RGB 241 194 200	#F1C2C8
83.3%	83.3% #F8CFC7	RGB 248 207 199	#F8CFC7
100.0%	100.0% #FFE3CD	RGB 255 227 205	#FFE3CD

#CAAED5 #DCB3DB #E3B8D6 #EABDD0 #F1C2C8 #F8CFC7 #FFE3CD

#CAAED5 - #EABDD0 - #FFE3CD

CSS codes

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

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