#CF7E7F - #AE2E35 | 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 #CF7E7F to #AE2E35

#CF7E7F #AE2E35

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

#CF7E7F - #AE2E35 | 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 #CF7E7F as 0% and #AE2E35 as 100%.

0.0%	0.0% #CF7E7F	RGB 207 126 127	#CF7E7F
16.7%	16.7% #C97072	RGB 201 112 114	#C97072
33.3%	33.3% #C46366	RGB 196 99 102	#C46366
50.0%	50.0% #BE565A	RGB 190 86 90	#BE565A
66.7%	66.7% #B9484D	RGB 185 72 77	#B9484D
83.3%	83.3% #B33B41	RGB 179 59 65	#B33B41
100.0%	100.0% #AE2E35	RGB 174 46 53	#AE2E35

#CF7E7F #C97072 #C46366 #BE565A #B9484D #B33B41 #AE2E35

#CF7E7F - #AE2E35

HSV Blend

#CF7E7F - #AE2E35 | 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 #CF7E7F as 0% and #AE2E35 as 100%.

0.0%	0.0% #CF7E7F	RGB 207 126 127	#CF7E7F
16.7%	16.7% #C96F70	RGB 201 111 112	#C96F70
33.3%	33.3% #C46063	RGB 196 96 99	#C46063
50.0%	50.0% #BE5356	RGB 190 83 86	#BE5356
66.7%	66.7% #B9464A	RGB 185 70 74	#B9464A
83.3%	83.3% #B3393F	RGB 179 57 63	#B3393F
100.0%	100.0% #AE2E35	RGB 174 46 53	#AE2E35

#CF7E7F #C96F70 #C46063 #BE5356 #B9464A #B3393F #AE2E35

#CF7E7F - #BE5356 - #AE2E35

CSS codes

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

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