#F79ECB - #CB3181 | 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 #F79ECB to #CB3181

#F79ECB #CB3181

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

#F79ECB - #CB3181 | 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 #F79ECB as 0% and #CB3181 as 100%.

0.0%	0.0% #F79ECB	RGB 247 158 203	#F79ECB
16.7%	16.7% #EF8BBE	RGB 239 139 190	#EF8BBE
33.3%	33.3% #E879B2	RGB 232 121 178	#E879B2
50.0%	50.0% #E167A6	RGB 225 103 166	#E167A6
66.7%	66.7% #D95599	RGB 217 85 153	#D95599
83.3%	83.3% #D2438D	RGB 210 67 141	#D2438D
100.0%	100.0% #CB3181	RGB 203 49 129	#CB3181

#F79ECB #EF8BBE #E879B2 #E167A6 #D95599 #D2438D #CB3181

#F79ECB - #CB3181

HSV Blend

#F79ECB - #CB3181 | 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 #F79ECB as 0% and #CB3181 as 100%.

0.0%	0.0% #F79ECB	RGB 247 158 203	#F79ECB
16.7%	16.7% #EF89BD	RGB 239 137 189	#EF89BD
33.3%	33.3% #E875B0	RGB 232 117 176	#E875B0
50.0%	50.0% #E163A3	RGB 225 99 163	#E163A3
66.7%	66.7% #D95197	RGB 217 81 151	#D95197
83.3%	83.3% #D2408C	RGB 210 64 140	#D2408C
100.0%	100.0% #CB3181	RGB 203 49 129	#CB3181

#F79ECB #EF89BD #E875B0 #E163A3 #D95197 #D2408C #CB3181

#F79ECB - #E163A3 - #CB3181

CSS codes

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

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