#CE8F8C - #B14138 | 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 #CE8F8C to #B14138

#CE8F8C #B14138

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

#CE8F8C - #B14138 | 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 #CE8F8C as 0% and #B14138 as 100%.

0.0%	0.0% #CE8F8C	RGB 206 143 140	#CE8F8C
16.7%	16.7% #C9827E	RGB 201 130 126	#C9827E
33.3%	33.3% #C47570	RGB 196 117 112	#C47570
50.0%	50.0% #BF6862	RGB 191 104 98	#BF6862
66.7%	66.7% #BA5B54	RGB 186 91 84	#BA5B54
83.3%	83.3% #B54E46	RGB 181 78 70	#B54E46
100.0%	100.0% #B14138	RGB 177 65 56	#B14138

#CE8F8C #C9827E #C47570 #BF6862 #BA5B54 #B54E46 #B14138

#CE8F8C - #B14138

HSV Blend

#CE8F8C - #B14138 | 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 #CE8F8C as 0% and #B14138 as 100%.

0.0%	0.0% #CE8F8C	RGB 206 143 140	#CE8F8C
16.7%	16.7% #C9807C	RGB 201 128 124	#C9807C
33.3%	33.3% #C4726D	RGB 196 114 109	#C4726D
50.0%	50.0% #BF655F	RGB 191 101 95	#BF655F
66.7%	66.7% #BA5851	RGB 186 88 81	#BA5851
83.3%	83.3% #B54C44	RGB 181 76 68	#B54C44
100.0%	100.0% #B14138	RGB 177 65 56	#B14138

#CE8F8C #C9807C #C4726D #BF655F #BA5851 #B54C44 #B14138

#CE8F8C - #BF655F - #B14138

CSS codes

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

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