#F7EEA2 - #CDBE31 | 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 #F7EEA2 to #CDBE31

#F7EEA2 #CDBE31

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

#F7EEA2 - #CDBE31 | 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 #F7EEA2 as 0% and #CDBE31 as 100%.

0.0%	0.0% #F7EEA2	RGB 247 238 162	#F7EEA2
16.7%	16.7% #F0E68F	RGB 240 230 143	#F0E68F
33.3%	33.3% #E9DE7C	RGB 233 222 124	#E9DE7C
50.0%	50.0% #E2D669	RGB 226 214 105	#E2D669
66.7%	66.7% #DBCE56	RGB 219 206 86	#DBCE56
83.3%	83.3% #D4C643	RGB 212 198 67	#D4C643
100.0%	100.0% #CDBE31	RGB 205 190 49	#CDBE31

#F7EEA2 #F0E68F #E9DE7C #E2D669 #DBCE56 #D4C643 #CDBE31

#F7EEA2 - #CDBE31

HSV Blend

#F7EEA2 - #CDBE31 | 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 #F7EEA2 as 0% and #CDBE31 as 100%.

0.0%	0.0% #F7EEA2	RGB 247 238 162	#F7EEA2
16.7%	16.7% #F0E58C	RGB 240 229 140	#F0E58C
33.3%	33.3% #E9DD78	RGB 233 221 120	#E9DD78
50.0%	50.0% #E2D565	RGB 226 213 101	#E2D565
66.7%	66.7% #DBCD52	RGB 219 205 82	#DBCD52
83.3%	83.3% #D4C541	RGB 212 197 65	#D4C541
100.0%	100.0% #CDBE31	RGB 205 190 49	#CDBE31

#F7EEA2 #F0E58C #E9DD78 #E2D565 #DBCD52 #D4C541 #CDBE31

#F7EEA2 - #E2D565 - #CDBE31

CSS codes

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

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