#CF6DBC - #FDBCC3 | 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 #CF6DBC to #FDBCC3

#CF6DBC #FDBCC3

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

#CF6DBC - #FDBCC3 | 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 #CF6DBC as 0% and #FDBCC3 as 100%.

0.0%	0.0% #CF6DBC	RGB 207 109 188	#CF6DBC
16.7%	16.7% #D67ABD	RGB 214 122 189	#D67ABD
33.3%	33.3% #DE87BE	RGB 222 135 190	#DE87BE
50.0%	50.0% #E694BF	RGB 230 148 191	#E694BF
66.7%	66.7% #EDA1C0	RGB 237 161 192	#EDA1C0
83.3%	83.3% #F5AEC1	RGB 245 174 193	#F5AEC1
100.0%	100.0% #FDBCC3	RGB 253 188 195	#FDBCC3

#CF6DBC #D67ABD #DE87BE #E694BF #EDA1C0 #F5AEC1 #FDBCC3

#CF6DBC - #FDBCC3

HSV Blend

#CF6DBC - #FDBCC3 | 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 #CF6DBC as 0% and #FDBCC3 as 100%.

0.0%	0.0% #CF6DBB	RGB 207 109 187	#CF6DBB
16.7%	16.7% #D678B9	RGB 214 120 185	#D678B9
33.3%	33.3% #DE85B8	RGB 222 133 184	#DE85B8
50.0%	50.0% #E692B8	RGB 230 146 184	#E692B8
66.7%	66.7% #ED9FBA	RGB 237 159 186	#ED9FBA
83.3%	83.3% #F5ADBD	RGB 245 173 189	#F5ADBD
100.0%	100.0% #FDBCC3	RGB 253 188 195	#FDBCC3

#CF6DBB #D678B9 #DE85B8 #E692B8 #ED9FBA #F5ADBD #FDBCC3

#CF6DBC - #E692B8 - #FDBCC3

CSS codes

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

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