#CF9F93 - #B2543E | 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 #CF9F93 to #B2543E

#CF9F93 #B2543E

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

#CF9F93 - #B2543E | 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 #CF9F93 as 0% and #B2543E as 100%.

0.0%	0.0% #CF9F93	RGB 207 159 147	#CF9F93
16.7%	16.7% #CA9284	RGB 202 146 132	#CA9284
33.3%	33.3% #C58676	RGB 197 134 118	#C58676
50.0%	50.0% #C07968	RGB 192 121 104	#C07968
66.7%	66.7% #BB6D5A	RGB 187 109 90	#BB6D5A
83.3%	83.3% #B6604C	RGB 182 96 76	#B6604C
100.0%	100.0% #B2543E	RGB 178 84 62	#B2543E

#CF9F93 #CA9284 #C58676 #C07968 #BB6D5A #B6604C #B2543E

#CF9F93 - #B2543E

HSV Blend

#CF9F93 - #B2543E | 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 #CF9F93 as 0% and #B2543E as 100%.

0.0%	0.0% #CF9F93	RGB 207 159 147	#CF9F93
16.7%	16.7% #CA9183	RGB 202 145 131	#CA9183
33.3%	33.3% #C58474	RGB 197 132 116	#C58474
50.0%	50.0% #C07765	RGB 192 119 101	#C07765
66.7%	66.7% #BB6B58	RGB 187 107 88	#BB6B58
83.3%	83.3% #B65F4A	RGB 182 95 74	#B65F4A
100.0%	100.0% #B2543E	RGB 178 84 62	#B2543E

#CF9F93 #CA9183 #C58474 #C07765 #BB6B58 #B65F4A #B2543E

#CF9F93 - #C07765 - #B2543E

CSS codes

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

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