#CE8C8C - #B13D38 | 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 #CE8C8C to #B13D38

#CE8C8C #B13D38

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

#CE8C8C - #B13D38 | 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 #CE8C8C as 0% and #B13D38 as 100%.

0.0%	0.0% #CE8C8C	RGB 206 140 140	#CE8C8C
16.7%	16.7% #C97E7E	RGB 201 126 126	#C97E7E
33.3%	33.3% #C47170	RGB 196 113 112	#C47170
50.0%	50.0% #BF6462	RGB 191 100 98	#BF6462
66.7%	66.7% #BA5754	RGB 186 87 84	#BA5754
83.3%	83.3% #B54A46	RGB 181 74 70	#B54A46
100.0%	100.0% #B13D38	RGB 177 61 56	#B13D38

#CE8C8C #C97E7E #C47170 #BF6462 #BA5754 #B54A46 #B13D38

#CE8C8C - #B13D38

HSV Blend

#CE8C8C - #B13D38 | 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 #CE8C8C as 0% and #B13D38 as 100%.

0.0%	0.0% #CE8C8C	RGB 206 140 140	#CE8C8C
16.7%	16.7% #C97D7C	RGB 201 125 124	#C97D7C
33.3%	33.3% #C46E6D	RGB 196 110 109	#C46E6D
50.0%	50.0% #BF615F	RGB 191 97 95	#BF615F
66.7%	66.7% #BA5451	RGB 186 84 81	#BA5451
83.3%	83.3% #B54844	RGB 181 72 68	#B54844
100.0%	100.0% #B13D38	RGB 177 61 56	#B13D38

#CE8C8C #C97D7C #C46E6D #BF615F #BA5451 #B54844 #B13D38

#CE8C8C - #BF615F - #B13D38

CSS codes

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

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