#CF7CB8 - #FFDECE | 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 #CF7CB8 to #FFDECE

#CF7CB8 #FFDECE

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

#CF7CB8 - #FFDECE | 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 #CF7CB8 as 0% and #FFDECE as 100%.

0.0%	0.0% #CF7CB8	RGB 207 124 184	#CF7CB8
16.7%	16.7% #D78CBB	RGB 215 140 187	#D78CBB
33.3%	33.3% #DF9CBF	RGB 223 156 191	#DF9CBF
50.0%	50.0% #E7ADC3	RGB 231 173 195	#E7ADC3
66.7%	66.7% #EFBDC6	RGB 239 189 198	#EFBDC6
83.3%	83.3% #F7CDCA	RGB 247 205 202	#F7CDCA
100.0%	100.0% #FFDECE	RGB 255 222 206	#FFDECE

#CF7CB8 #D78CBB #DF9CBF #E7ADC3 #EFBDC6 #F7CDCA #FFDECE

#CF7CB8 - #FFDECE

HSV Blend

#CF7CB8 - #FFDECE | 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 #CF7CB8 as 0% and #FFDECE as 100%.

0.0%	0.0% #CF7CB8	RGB 207 124 184	#CF7CB8
16.7%	16.7% #D788B3	RGB 215 136 179	#D788B3
33.3%	33.3% #DF95B0	RGB 223 149 176	#DF95B0
50.0%	50.0% #E7A2B0	RGB 231 162 176	#E7A2B0
66.7%	66.7% #EFB0B1	RGB 239 176 177	#EFB0B1
83.3%	83.3% #F7C7BE	RGB 247 199 190	#F7C7BE
100.0%	100.0% #FFDECE	RGB 255 222 206	#FFDECE

#CF7CB8 #D788B3 #DF95B0 #E7A2B0 #EFB0B1 #F7C7BE #FFDECE

#CF7CB8 - #E7A2B0 - #FFDECE

CSS codes

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

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