#C62A5E - #FF806F | 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 #C62A5E to #FF806F

#C62A5E #FF806F

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

#C62A5E - #FF806F | 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 #C62A5E as 0% and #FF806F as 100%.

0.0%	0.0% #C62A5E	RGB 198 42 94	#C62A5E
16.7%	16.7% #CF3860	RGB 207 56 96	#CF3860
33.3%	33.3% #D94663	RGB 217 70 99	#D94663
50.0%	50.0% #E25566	RGB 226 85 102	#E25566
66.7%	66.7% #EC6369	RGB 236 99 105	#EC6369
83.3%	83.3% #F5716C	RGB 245 113 108	#F5716C
100.0%	100.0% #FF806F	RGB 255 128 111	#FF806F

#C62A5E #CF3860 #D94663 #E25566 #EC6369 #F5716C #FF806F

#C62A5E - #FF806F

HSV Blend

#C62A5E - #FF806F | 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 #C62A5E as 0% and #FF806F as 100%.

0.0%	0.0% #C6295D	RGB 198 41 93	#C6295D
16.7%	16.7% #CF335B	RGB 207 51 91	#CF335B
33.3%	33.3% #D93E5A	RGB 217 62 90	#D93E5A
50.0%	50.0% #E24959	RGB 226 73 89	#E24959
66.7%	66.7% #EC555A	RGB 236 85 90	#EC555A
83.3%	83.3% #F56861	RGB 245 104 97	#F56861
100.0%	100.0% #FF806F	RGB 255 128 111	#FF806F

#C6295D #CF335B #D93E5A #E24959 #EC555A #F56861 #FF806F

#C62A5E - #E24959 - #FF806F

CSS codes

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

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