#F79ECE - #CB2F85 | 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 #F79ECE to #CB2F85

#F79ECE #CB2F85

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

#F79ECE - #CB2F85 | 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 #F79ECE as 0% and #CB2F85 as 100%.

0.0%	0.0% #F79ECE	RGB 247 158 206	#F79ECE
16.7%	16.7% #EF8BC1	RGB 239 139 193	#EF8BC1
33.3%	33.3% #E879B5	RGB 232 121 181	#E879B5
50.0%	50.0% #E166A9	RGB 225 102 169	#E166A9
66.7%	66.7% #D9549D	RGB 217 84 157	#D9549D
83.3%	83.3% #D24191	RGB 210 65 145	#D24191
100.0%	100.0% #CB2F85	RGB 203 47 133	#CB2F85

#F79ECE #EF8BC1 #E879B5 #E166A9 #D9549D #D24191 #CB2F85

#F79ECE - #CB2F85

HSV Blend

#F79ECE - #CB2F85 | 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 #F79ECE as 0% and #CB2F85 as 100%.

0.0%	0.0% #F79ECE	RGB 247 158 206	#F79ECE
16.7%	16.7% #EF89C0	RGB 239 137 192	#EF89C0
33.3%	33.3% #E875B3	RGB 232 117 179	#E875B3
50.0%	50.0% #E162A7	RGB 225 98 167	#E162A7
66.7%	66.7% #D9509B	RGB 217 80 155	#D9509B
83.3%	83.3% #D23F8F	RGB 210 63 143	#D23F8F
100.0%	100.0% #CB2F85	RGB 203 47 133	#CB2F85

#F79ECE #EF89C0 #E875B3 #E162A7 #D9509B #D23F8F #CB2F85

#F79ECE - #E162A7 - #CB2F85

CSS codes

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

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