#C0706B - #FDC08B | 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 #C0706B to #FDC08B

#C0706B #FDC08B

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

#C0706B - #FDC08B | 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 #C0706B as 0% and #FDC08B as 100%.

0.0%	0.0% #C0706B	RGB 192 112 107	#C0706B
16.7%	16.7% #CA7D70	RGB 202 125 112	#CA7D70
33.3%	33.3% #D48A75	RGB 212 138 117	#D48A75
50.0%	50.0% #DE987B	RGB 222 152 123	#DE987B
66.7%	66.7% #E8A580	RGB 232 165 128	#E8A580
83.3%	83.3% #F2B285	RGB 242 178 133	#F2B285
100.0%	100.0% #FDC08B	RGB 253 192 139	#FDC08B

#C0706B #CA7D70 #D48A75 #DE987B #E8A580 #F2B285 #FDC08B

#C0706B - #FDC08B

HSV Blend

#C0706B - #FDC08B | 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 #C0706B as 0% and #FDC08B as 100%.

0.0%	0.0% #C0706B	RGB 192 112 107	#C0706B
16.7%	16.7% #CA7B70	RGB 202 123 112	#CA7B70
33.3%	33.3% #D48875	RGB 212 136 117	#D48875
50.0%	50.0% #DE957B	RGB 222 149 123	#DE957B
66.7%	66.7% #E8A280	RGB 232 162 128	#E8A280
83.3%	83.3% #F2B185	RGB 242 177 133	#F2B185
100.0%	100.0% #FDC08B	RGB 253 192 139	#FDC08B

#C0706B #CA7B70 #D48875 #DE957B #E8A280 #F2B185 #FDC08B

#C0706B - #DE957B - #FDC08B

CSS codes

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

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