#F8C8F2 - #CB6ABF | 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 #F8C8F2 to #CB6ABF

#F8C8F2 #CB6ABF

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

#F8C8F2 - #CB6ABF | 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 #F8C8F2 as 0% and #CB6ABF as 100%.

0.0%	0.0% #F8C8F2	RGB 248 200 242	#F8C8F2
16.7%	16.7% #F0B8E9	RGB 240 184 233	#F0B8E9
33.3%	33.3% #E9A8E1	RGB 233 168 225	#E9A8E1
50.0%	50.0% #E199D8	RGB 225 153 216	#E199D8
66.7%	66.7% #DA89D0	RGB 218 137 208	#DA89D0
83.3%	83.3% #D279C7	RGB 210 121 199	#D279C7
100.0%	100.0% #CB6ABF	RGB 203 106 191	#CB6ABF

#F8C8F2 #F0B8E9 #E9A8E1 #E199D8 #DA89D0 #D279C7 #CB6ABF

#F8C8F2 - #CB6ABF

HSV Blend

#F8C8F2 - #CB6ABF | 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 #F8C8F2 as 0% and #CB6ABF as 100%.

0.0%	0.0% #F8C8F2	RGB 248 200 242	#F8C8F2
16.7%	16.7% #F0B6E9	RGB 240 182 233	#F0B6E9
33.3%	33.3% #E9A5E0	RGB 233 165 224	#E9A5E0
50.0%	50.0% #E195D8	RGB 225 149 216	#E195D8
66.7%	66.7% #DA86CF	RGB 218 134 207	#DA86CF
83.3%	83.3% #D277C7	RGB 210 119 199	#D277C7
100.0%	100.0% #CB6ABF	RGB 203 106 191	#CB6ABF

#F8C8F2 #F0B6E9 #E9A5E0 #E195D8 #DA86CF #D277C7 #CB6ABF

#F8C8F2 - #E195D8 - #CB6ABF

CSS codes

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

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