#C96EB9 - #F8CEDA | 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 #C96EB9 to #F8CEDA

#C96EB9 #F8CEDA

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

#C96EB9 - #F8CEDA | 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 #C96EB9 as 0% and #F8CEDA as 100%.

0.0%	0.0% #C96EB9	RGB 201 110 185	#C96EB9
16.7%	16.7% #D07EBE	RGB 208 126 190	#D07EBE
33.3%	33.3% #D88EC4	RGB 216 142 196	#D88EC4
50.0%	50.0% #E09EC9	RGB 224 158 201	#E09EC9
66.7%	66.7% #E8AECF	RGB 232 174 207	#E8AECF
83.3%	83.3% #F0BED4	RGB 240 190 212	#F0BED4
100.0%	100.0% #F8CEDA	RGB 248 206 218	#F8CEDA

#C96EB9 #D07EBE #D88EC4 #E09EC9 #E8AECF #F0BED4 #F8CEDA

#C96EB9 - #F8CEDA

HSV Blend

#C96EB9 - #F8CEDA | 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 #C96EB9 as 0% and #F8CEDA as 100%.

0.0%	0.0% #C96EB8	RGB 201 110 184	#C96EB8
16.7%	16.7% #D07CBA	RGB 208 124 186	#D07CBA
33.3%	33.3% #D88BBD	RGB 216 139 189	#D88BBD
50.0%	50.0% #E09AC1	RGB 224 154 193	#E09AC1
66.7%	66.7% #E8ABC7	RGB 232 171 199	#E8ABC7
83.3%	83.3% #F0BCCF	RGB 240 188 207	#F0BCCF
100.0%	100.0% #F8CEDA	RGB 248 206 218	#F8CEDA

#C96EB8 #D07CBA #D88BBD #E09AC1 #E8ABC7 #F0BCCF #F8CEDA

#C96EB9 - #E09AC1 - #F8CEDA

CSS codes

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

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