#CABFC5 - #FFCCF8 | 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 #CABFC5 to #FFCCF8

#CABFC5 #FFCCF8

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

#CABFC5 - #FFCCF8 | 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 #CABFC5 as 0% and #FFCCF8 as 100%.

0.0%	0.0% #CABFC5	RGB 202 191 197	#CABFC5
16.7%	16.7% #D2C1CD	RGB 210 193 205	#D2C1CD
33.3%	33.3% #DBC3D6	RGB 219 195 214	#DBC3D6
50.0%	50.0% #E4C5DE	RGB 228 197 222	#E4C5DE
66.7%	66.7% #EDC7E7	RGB 237 199 231	#EDC7E7
83.3%	83.3% #F6C9EF	RGB 246 201 239	#F6C9EF
100.0%	100.0% #FFCCF8	RGB 255 204 248	#FFCCF8

#CABFC5 #D2C1CD #DBC3D6 #E4C5DE #EDC7E7 #F6C9EF #FFCCF8

#CABFC5 - #FFCCF8

HSV Blend

#CABFC5 - #FFCCF8 | 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 #CABFC5 as 0% and #FFCCF8 as 100%.

0.0%	0.0% #CABFC5	RGB 202 191 197	#CABFC5
16.7%	16.7% #D2C2CC	RGB 210 194 204	#D2C2CC
33.3%	33.3% #DBC5D3	RGB 219 197 211	#DBC5D3
50.0%	50.0% #E4C7DB	RGB 228 199 219	#E4C7DB
66.7%	66.7% #EDC9E4	RGB 237 201 228	#EDC9E4
83.3%	83.3% #F6CAED	RGB 246 202 237	#F6CAED
100.0%	100.0% #FFCCF8	RGB 255 204 248	#FFCCF8

#CABFC5 #D2C2CC #DBC5D3 #E4C7DB #EDC9E4 #F6CAED #FFCCF8

#CABFC5 - #E4C7DB - #FFCCF8

CSS codes

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

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