#CAAFDB - #FFF0D4 | 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 #CAAFDB to #FFF0D4

#CAAFDB #FFF0D4

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

#CAAFDB - #FFF0D4 | 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 #CAAFDB as 0% and #FFF0D4 as 100%.

0.0%	0.0% #CAAFDB	RGB 202 175 219	#CAAFDB
16.7%	16.7% #D2B9D9	RGB 210 185 217	#D2B9D9
33.3%	33.3% #DBC4D8	RGB 219 196 216	#DBC4D8
50.0%	50.0% #E4CFD7	RGB 228 207 215	#E4CFD7
66.7%	66.7% #EDDAD6	RGB 237 218 214	#EDDAD6
83.3%	83.3% #F6E5D5	RGB 246 229 213	#F6E5D5
100.0%	100.0% #FFF0D4	RGB 255 240 212	#FFF0D4

#CAAFDB #D2B9D9 #DBC4D8 #E4CFD7 #EDDAD6 #F6E5D5 #FFF0D4

#CAAFDB - #FFF0D4

HSV Blend

#CAAFDB - #FFF0D4 | 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 #CAAFDB as 0% and #FFF0D4 as 100%.

0.0%	0.0% #CAAFDB	RGB 202 175 219	#CAAFDB
16.7%	16.7% #DEB5E1	RGB 222 181 225	#DEB5E1
33.3%	33.3% #E7BBDA	RGB 231 187 218	#E7BBDA
50.0%	50.0% #EDC1D1	RGB 237 193 209	#EDC1D1
66.7%	66.7% #F3C7C8	RGB 243 199 200	#F3C7C8
83.3%	83.3% #F9DBCD	RGB 249 219 205	#F9DBCD
100.0%	100.0% #FFF0D4	RGB 255 240 212	#FFF0D4

#CAAFDB #DEB5E1 #E7BBDA #EDC1D1 #F3C7C8 #F9DBCD #FFF0D4

#CAAFDB - #EDC1D1 - #FFF0D4

CSS codes

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

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