#C85DCB - #FFBDD0 | 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 #C85DCB to #FFBDD0

#C85DCB #FFBDD0

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

#C85DCB - #FFBDD0 | 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 #C85DCB as 0% and #FFBDD0 as 100%.

0.0%	0.0% #C85DCB	RGB 200 93 203	#C85DCB
16.7%	16.7% #D16DCB	RGB 209 109 203	#D16DCB
33.3%	33.3% #DA7DCC	RGB 218 125 204	#DA7DCC
50.0%	50.0% #E38DCD	RGB 227 141 205	#E38DCD
66.7%	66.7% #EC9DCE	RGB 236 157 206	#EC9DCE
83.3%	83.3% #F5ADCF	RGB 245 173 207	#F5ADCF
100.0%	100.0% #FFBDD0	RGB 255 189 208	#FFBDD0

#C85DCB #D16DCB #DA7DCC #E38DCD #EC9DCE #F5ADCF #FFBDD0

#C85DCB - #FFBDD0

HSV Blend

#C85DCB - #FFBDD0 | 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 #C85DCB as 0% and #FFBDD0 as 100%.

0.0%	0.0% #C85DCB	RGB 200 93 203	#C85DCB
16.7%	16.7% #D36AC9	RGB 211 106 201	#D36AC9
33.3%	33.3% #DC79C6	RGB 220 121 198	#DC79C6
50.0%	50.0% #E589C5	RGB 229 137 197	#E589C5
66.7%	66.7% #ED99C6	RGB 237 153 198	#ED99C6
83.3%	83.3% #F6AAC9	RGB 246 170 201	#F6AAC9
100.0%	100.0% #FFBDD0	RGB 255 189 208	#FFBDD0

#C85DCB #D36AC9 #DC79C6 #E589C5 #ED99C6 #F6AAC9 #FFBDD0

#C85DCB - #E589C5 - #FFBDD0

CSS codes

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

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