#CF877D - #AE3D2D | 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 #CF877D to #AE3D2D

#CF877D #AE3D2D

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

#CF877D - #AE3D2D | 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 #CF877D as 0% and #AE3D2D as 100%.

0.0%	0.0% #CF877D	RGB 207 135 125	#CF877D
16.7%	16.7% #C97A6F	RGB 201 122 111	#C97A6F
33.3%	33.3% #C46E62	RGB 196 110 98	#C46E62
50.0%	50.0% #BE6255	RGB 190 98 85	#BE6255
66.7%	66.7% #B95547	RGB 185 85 71	#B95547
83.3%	83.3% #B3493A	RGB 179 73 58	#B3493A
100.0%	100.0% #AE3D2D	RGB 174 61 45	#AE3D2D

#CF877D #C97A6F #C46E62 #BE6255 #B95547 #B3493A #AE3D2D

#CF877D - #AE3D2D

HSV Blend

#CF877D - #AE3D2D | 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 #CF877D as 0% and #AE3D2D as 100%.

0.0%	0.0% #CF877D	RGB 207 135 125	#CF877D
16.7%	16.7% #C9796E	RGB 201 121 110	#C9796E
33.3%	33.3% #C46C5F	RGB 196 108 95	#C46C5F
50.0%	50.0% #BE5F52	RGB 190 95 82	#BE5F52
66.7%	66.7% #B95345	RGB 185 83 69	#B95345
83.3%	83.3% #B34738	RGB 179 71 56	#B34738
100.0%	100.0% #AE3D2D	RGB 174 61 45	#AE3D2D

#CF877D #C9796E #C46C5F #BE5F52 #B95345 #B34738 #AE3D2D

#CF877D - #BE5F52 - #AE3D2D

CSS codes

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

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