#C88C8C - #AB3E38 | 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 #C88C8C to #AB3E38

#C88C8C #AB3E38

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

#C88C8C - #AB3E38 | 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 #C88C8C as 0% and #AB3E38 as 100%.

0.0%	0.0% #C88C8C	RGB 200 140 140	#C88C8C
16.7%	16.7% #C37F7E	RGB 195 127 126	#C37F7E
33.3%	33.3% #BE7270	RGB 190 114 112	#BE7270
50.0%	50.0% #B96562	RGB 185 101 98	#B96562
66.7%	66.7% #B45854	RGB 180 88 84	#B45854
83.3%	83.3% #AF4B46	RGB 175 75 70	#AF4B46
100.0%	100.0% #AB3E38	RGB 171 62 56	#AB3E38

#C88C8C #C37F7E #BE7270 #B96562 #B45854 #AF4B46 #AB3E38

#C88C8C - #AB3E38

HSV Blend

#C88C8C - #AB3E38 | 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 #C88C8C as 0% and #AB3E38 as 100%.

0.0%	0.0% #C88C8C	RGB 200 140 140	#C88C8C
16.7%	16.7% #C37D7C	RGB 195 125 124	#C37D7C
33.3%	33.3% #BE6F6D	RGB 190 111 109	#BE6F6D
50.0%	50.0% #B9615F	RGB 185 97 95	#B9615F
66.7%	66.7% #B45551	RGB 180 85 81	#B45551
83.3%	83.3% #AF4944	RGB 175 73 68	#AF4944
100.0%	100.0% #AB3E38	RGB 171 62 56	#AB3E38

#C88C8C #C37D7C #BE6F6D #B9615F #B45551 #AF4944 #AB3E38

#C88C8C - #B9615F - #AB3E38

CSS codes

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

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