#FFCAF8 - #CE65C3 | 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 #FFCAF8 to #CE65C3

#FFCAF8 #CE65C3

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

#FFCAF8 - #CE65C3 | 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 #FFCAF8 as 0% and #CE65C3 as 100%.

0.0%	0.0% #FFCAF8	RGB 255 202 248	#FFCAF8
16.7%	16.7% #F6B9EF	RGB 246 185 239	#F6B9EF
33.3%	33.3% #EEA8E6	RGB 238 168 230	#EEA8E6
50.0%	50.0% #E697DD	RGB 230 151 221	#E697DD
66.7%	66.7% #DE86D4	RGB 222 134 212	#DE86D4
83.3%	83.3% #D675CB	RGB 214 117 203	#D675CB
100.0%	100.0% #CE65C3	RGB 206 101 195	#CE65C3

#FFCAF8 #F6B9EF #EEA8E6 #E697DD #DE86D4 #D675CB #CE65C3

#FFCAF8 - #CE65C3

HSV Blend

#FFCAF8 - #CE65C3 | 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 #FFCAF8 as 0% and #CE65C3 as 100%.

0.0%	0.0% #FFCAF8	RGB 255 202 248	#FFCAF8
16.7%	16.7% #F6B7EE	RGB 246 183 238	#F6B7EE
33.3%	33.3% #EEA5E5	RGB 238 165 229	#EEA5E5
50.0%	50.0% #E693DC	RGB 230 147 220	#E693DC
66.7%	66.7% #DE83D3	RGB 222 131 211	#DE83D3
83.3%	83.3% #D673CB	RGB 214 115 203	#D673CB
100.0%	100.0% #CE65C3	RGB 206 101 195	#CE65C3

#FFCAF8 #F6B7EE #EEA5E5 #E693DC #DE83D3 #D673CB #CE65C3

#FFCAF8 - #E693DC - #CE65C3

CSS codes

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

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