#CF456F - #8A0022 | 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 #CF456F to #8A0022

#CF456F #8A0022

Calculate the color between two colors, #CF456F and #8A0022. 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)

#CF456F - #8A0022 | 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 #CF456F as 0% and #8A0022 as 100%.

0.0%	0.0% #CF456F	RGB 207 69 111	#CF456F
16.7%	16.7% #C33962	RGB 195 57 98	#C33962
33.3%	33.3% #B82E55	RGB 184 46 85	#B82E55
50.0%	50.0% #AC2248	RGB 172 34 72	#AC2248
66.7%	66.7% #A1173B	RGB 161 23 59	#A1173B
83.3%	83.3% #950B2E	RGB 149 11 46	#950B2E
100.0%	100.0% #8A0022	RGB 138 0 34	#8A0022

#CF456F #C33962 #B82E55 #AC2248 #A1173B #950B2E #8A0022

#CF456F - #8A0022

HSV Blend

#CF456F - #8A0022 | 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 #CF456F as 0% and #8A0022 as 100%.

0.0%	0.0% #CF456E	RGB 207 69 110	#CF456E
16.7%	16.7% #C3365F	RGB 195 54 95	#C3365F
33.3%	33.3% #B82851	RGB 184 40 81	#B82851
50.0%	50.0% #AC1C44	RGB 172 28 68	#AC1C44
66.7%	66.7% #A11137	RGB 161 17 55	#A11137
83.3%	83.3% #95082C	RGB 149 8 44	#95082C
100.0%	100.0% #8A0022	RGB 138 0 34	#8A0022

#CF456E #C3365F #B82851 #AC1C44 #A11137 #95082C #8A0022

#CF456F - #AC1C44 - #8A0022

CSS codes

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

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