#C6695A - #FFD27E | 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 #C6695A to #FFD27E

#C6695A #FFD27E

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

#C6695A - #FFD27E | 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 #C6695A as 0% and #FFD27E as 100%.

0.0%	0.0% #C6695A	RGB 198 105 90	#C6695A
16.7%	16.7% #CF7A60	RGB 207 122 96	#CF7A60
33.3%	33.3% #D98C66	RGB 217 140 102	#D98C66
50.0%	50.0% #E29D6C	RGB 226 157 108	#E29D6C
66.7%	66.7% #ECAF72	RGB 236 175 114	#ECAF72
83.3%	83.3% #F5C078	RGB 245 192 120	#F5C078
100.0%	100.0% #FFD27E	RGB 255 210 126	#FFD27E

#C6695A #CF7A60 #D98C66 #E29D6C #ECAF72 #F5C078 #FFD27E

#C6695A - #FFD27E

HSV Blend

#C6695A - #FFD27E | 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 #C6695A as 0% and #FFD27E as 100%.

0.0%	0.0% #C6695A	RGB 198 105 90	#C6695A
16.7%	16.7% #CF785F	RGB 207 120 95	#CF785F
33.3%	33.3% #D98965	RGB 217 137 101	#D98965
50.0%	50.0% #E29A6B	RGB 226 154 107	#E29A6B
66.7%	66.7% #ECAC71	RGB 236 172 113	#ECAC71
83.3%	83.3% #F5BE77	RGB 245 190 119	#F5BE77
100.0%	100.0% #FFD27E	RGB 255 210 126	#FFD27E

#C6695A #CF785F #D98965 #E29A6B #ECAC71 #F5BE77 #FFD27E

#C6695A - #E29A6B - #FFD27E

CSS codes

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

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