#FFCFDB - #DA7893 | 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 #FFCFDB to #DA7893

#FFCFDB #DA7893

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

#FFCFDB - #DA7893 | 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 #FFCFDB as 0% and #DA7893 as 100%.

0.0%	0.0% #FFCFDB	RGB 255 207 219	#FFCFDB
16.7%	16.7% #F8C0CF	RGB 248 192 207	#F8C0CF
33.3%	33.3% #F2B2C3	RGB 242 178 195	#F2B2C3
50.0%	50.0% #ECA3B7	RGB 236 163 183	#ECA3B7
66.7%	66.7% #E695AB	RGB 230 149 171	#E695AB
83.3%	83.3% #E0869F	RGB 224 134 159	#E0869F
100.0%	100.0% #DA7893	RGB 218 120 147	#DA7893

#FFCFDB #F8C0CF #F2B2C3 #ECA3B7 #E695AB #E0869F #DA7893

#FFCFDB - #DA7893

HSV Blend

#FFCFDB - #DA7893 | 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 #FFCFDB as 0% and #DA7893 as 100%.

0.0%	0.0% #FFCFDB	RGB 255 207 219	#FFCFDB
16.7%	16.7% #F8BFCD	RGB 248 191 205	#F8BFCD
33.3%	33.3% #F2AFC1	RGB 242 175 193	#F2AFC1
50.0%	50.0% #ECA1B4	RGB 236 161 180	#ECA1B4
66.7%	66.7% #E692A9	RGB 230 146 169	#E692A9
83.3%	83.3% #E0859D	RGB 224 133 157	#E0859D
100.0%	100.0% #DA7893	RGB 218 120 147	#DA7893

#FFCFDB #F8BFCD #F2AFC1 #ECA1B4 #E692A9 #E0859D #DA7893

#FFCFDB - #ECA1B4 - #DA7893

CSS codes

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

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