#C92D57 - #FF8164 | 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 #C92D57 to #FF8164

#C92D57 #FF8164

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

#C92D57 - #FF8164 | 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 #C92D57 as 0% and #FF8164 as 100%.

0.0%	0.0% #C92D57	RGB 201 45 87	#C92D57
16.7%	16.7% #D23B59	RGB 210 59 89	#D23B59
33.3%	33.3% #DB495B	RGB 219 73 91	#DB495B
50.0%	50.0% #E4575D	RGB 228 87 93	#E4575D
66.7%	66.7% #ED655F	RGB 237 101 95	#ED655F
83.3%	83.3% #F67361	RGB 246 115 97	#F67361
100.0%	100.0% #FF8164	RGB 255 129 100	#FF8164

#C92D57 #D23B59 #DB495B #E4575D #ED655F #F67361 #FF8164

#C92D57 - #FF8164

HSV Blend

#C92D57 - #FF8164 | 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 #C92D57 as 0% and #FF8164 as 100%.

0.0%	0.0% #C92D57	RGB 201 45 87	#C92D57
16.7%	16.7% #D23453	RGB 210 52 83	#D23453
33.3%	33.3% #DB3D4F	RGB 219 61 79	#DB3D4F
50.0%	50.0% #E4464C	RGB 228 70 76	#E4464C
66.7%	66.7% #ED554F	RGB 237 85 79	#ED554F
83.3%	83.3% #F66A59	RGB 246 106 89	#F66A59
100.0%	100.0% #FF8164	RGB 255 129 100	#FF8164

#C92D57 #D23453 #DB3D4F #E4464C #ED554F #F66A59 #FF8164

#C92D57 - #E4464C - #FF8164

CSS codes

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

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