#C4DDAB - #FFD8B9 | 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 #C4DDAB to #FFD8B9

#C4DDAB #FFD8B9

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

#C4DDAB - #FFD8B9 | 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 #C4DDAB as 0% and #FFD8B9 as 100%.

0.0%	0.0% #C4DDAB	RGB 196 221 171	#C4DDAB
16.7%	16.7% #CDDCAD	RGB 205 220 173	#CDDCAD
33.3%	33.3% #D7DBAF	RGB 215 219 175	#D7DBAF
50.0%	50.0% #E1DAB2	RGB 225 218 178	#E1DAB2
66.7%	66.7% #EBD9B4	RGB 235 217 180	#EBD9B4
83.3%	83.3% #F5D8B6	RGB 245 216 182	#F5D8B6
100.0%	100.0% #FFD8B9	RGB 255 216 185	#FFD8B9

#C4DDAB #CDDCAD #D7DBAF #E1DAB2 #EBD9B4 #F5D8B6 #FFD8B9

#C4DDAB - #FFD8B9

HSV Blend

#C4DDAB - #FFD8B9 | 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 #C4DDAB as 0% and #FFD8B9 as 100%.

0.0%	0.0% #C4DDAB	RGB 196 221 171	#C4DDAB
16.7%	16.7% #D1E2AD	RGB 209 226 173	#D1E2AD
33.3%	33.3% #E0E8B0	RGB 224 232 176	#E0E8B0
50.0%	50.0% #EEECB2	RGB 238 236 178	#EEECB2
66.7%	66.7% #F3E6B4	RGB 243 230 180	#F3E6B4
83.3%	83.3% #F9E0B6	RGB 249 224 182	#F9E0B6
100.0%	100.0% #FFD8B9	RGB 255 216 185	#FFD8B9

#C4DDAB #D1E2AD #E0E8B0 #EEECB2 #F3E6B4 #F9E0B6 #FFD8B9

#C4DDAB - #EEECB2 - #FFD8B9

CSS codes

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

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