#CDDA8B - #FFB7A2 | 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 #CDDA8B to #FFB7A2

#CDDA8B #FFB7A2

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

#CDDA8B - #FFB7A2 | 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 #CDDA8B as 0% and #FFB7A2 as 100%.

0.0%	0.0% #CDDA8B	RGB 205 218 139	#CDDA8B
16.7%	16.7% #D5D48E	RGB 213 212 142	#D5D48E
33.3%	33.3% #DDCE92	RGB 221 206 146	#DDCE92
50.0%	50.0% #E6C896	RGB 230 200 150	#E6C896
66.7%	66.7% #EEC29A	RGB 238 194 154	#EEC29A
83.3%	83.3% #F6BC9E	RGB 246 188 158	#F6BC9E
100.0%	100.0% #FFB7A2	RGB 255 183 162	#FFB7A2

#CDDA8B #D5D48E #DDCE92 #E6C896 #EEC29A #F6BC9E #FFB7A2

#CDDA8B - #FFB7A2

HSV Blend

#CDDA8B - #FFB7A2 | 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 #CDDA8B as 0% and #FFB7A2 as 100%.

0.0%	0.0% #CDDA8B	RGB 205 218 139	#CDDA8B
16.7%	16.7% #DFE08E	RGB 223 224 142	#DFE08E
33.3%	33.3% #E6D992	RGB 230 217 146	#E6D992
50.0%	50.0% #ECD296	RGB 236 210 150	#ECD296
66.7%	66.7% #F2C99A	RGB 242 201 154	#F2C99A
83.3%	83.3% #F8C09E	RGB 248 192 158	#F8C09E
100.0%	100.0% #FFB7A2	RGB 255 183 162	#FFB7A2

#CDDA8B #DFE08E #E6D992 #ECD296 #F2C99A #F8C09E #FFB7A2

#CDDA8B - #ECD296 - #FFB7A2

CSS codes

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

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