#C5C157 - #EEECCF | 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 #C5C157 to #EEECCF

#C5C157 #EEECCF

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

#C5C157 - #EEECCF | 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 #C5C157 as 0% and #EEECCF as 100%.

0.0%	0.0% #C5C157	RGB 197 193 87	#C5C157
16.7%	16.7% #CBC86B	RGB 203 200 107	#CBC86B
33.3%	33.3% #D2CF7F	RGB 210 207 127	#D2CF7F
50.0%	50.0% #D9D693	RGB 217 214 147	#D9D693
66.7%	66.7% #E0DDA7	RGB 224 221 167	#E0DDA7
83.3%	83.3% #E7E4BB	RGB 231 228 187	#E7E4BB
100.0%	100.0% #EEECCF	RGB 238 236 207	#EEECCF

#C5C157 #CBC86B #D2CF7F #D9D693 #E0DDA7 #E7E4BB #EEECCF

#C5C157 - #EEECCF

HSV Blend

#C5C157 - #EEECCF | 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 #C5C157 as 0% and #EEECCF as 100%.

0.0%	0.0% #C5C157	RGB 197 193 87	#C5C157
16.7%	16.7% #CBC768	RGB 203 199 104	#CBC768
33.3%	33.3% #D2CE7B	RGB 210 206 123	#D2CE7B
50.0%	50.0% #D9D58E	RGB 217 213 142	#D9D58E
66.7%	66.7% #E0DCA3	RGB 224 220 163	#E0DCA3
83.3%	83.3% #E7E4B8	RGB 231 228 184	#E7E4B8
100.0%	100.0% #EEECCF	RGB 238 236 207	#EEECCF

#C5C157 #CBC768 #D2CE7B #D9D58E #E0DCA3 #E7E4B8 #EEECCF

#C5C157 - #D9D58E - #EEECCF

CSS codes

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

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