#C95ECE - #FFBFD4 | 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 #C95ECE to #FFBFD4

#C95ECE #FFBFD4

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

#C95ECE - #FFBFD4 | 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 #C95ECE as 0% and #FFBFD4 as 100%.

0.0%	0.0% #C95ECE	RGB 201 94 206	#C95ECE
16.7%	16.7% #D26ECF	RGB 210 110 207	#D26ECF
33.3%	33.3% #DB7ED0	RGB 219 126 208	#DB7ED0
50.0%	50.0% #E48ED1	RGB 228 142 209	#E48ED1
66.7%	66.7% #ED9ED2	RGB 237 158 210	#ED9ED2
83.3%	83.3% #F6AED3	RGB 246 174 211	#F6AED3
100.0%	100.0% #FFBFD4	RGB 255 191 212	#FFBFD4

#C95ECE #D26ECF #DB7ED0 #E48ED1 #ED9ED2 #F6AED3 #FFBFD4

#C95ECE - #FFBFD4

HSV Blend

#C95ECE - #FFBFD4 | 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 #C95ECE as 0% and #FFBFD4 as 100%.

0.0%	0.0% #C95DCE	RGB 201 93 206	#C95DCE
16.7%	16.7% #D66CCE	RGB 214 108 206	#D66CCE
33.3%	33.3% #DE7BCB	RGB 222 123 203	#DE7BCB
50.0%	50.0% #E68AC9	RGB 230 138 201	#E68AC9
66.7%	66.7% #EE9BCA	RGB 238 155 202	#EE9BCA
83.3%	83.3% #F6ACCD	RGB 246 172 205	#F6ACCD
100.0%	100.0% #FFBFD4	RGB 255 191 212	#FFBFD4

#C95DCE #D66CCE #DE7BCB #E68AC9 #EE9BCA #F6ACCD #FFBFD4

#C95ECE - #E68AC9 - #FFBFD4

CSS codes

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

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