#CEA16D - #FFB098 | 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 #CEA16D to #FFB098

#CEA16D #FFB098

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

#CEA16D - #FFB098 | 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 #CEA16D as 0% and #FFB098 as 100%.

0.0%	0.0% #CEA16D	RGB 206 161 109	#CEA16D
16.7%	16.7% #D6A374	RGB 214 163 116	#D6A374
33.3%	33.3% #DEA67B	RGB 222 166 123	#DEA67B
50.0%	50.0% #E6A882	RGB 230 168 130	#E6A882
66.7%	66.7% #EEAB89	RGB 238 171 137	#EEAB89
83.3%	83.3% #F6AD90	RGB 246 173 144	#F6AD90
100.0%	100.0% #FFB098	RGB 255 176 152	#FFB098

#CEA16D #D6A374 #DEA67B #E6A882 #EEAB89 #F6AD90 #FFB098

#CEA16D - #FFB098

HSV Blend

#CEA16D - #FFB098 | 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 #CEA16D as 0% and #FFB098 as 100%.

0.0%	0.0% #CEA16D	RGB 206 161 109	#CEA16D
16.7%	16.7% #D6A373	RGB 214 163 115	#D6A373
33.3%	33.3% #DEA57A	RGB 222 165 122	#DEA57A
50.0%	50.0% #E6A881	RGB 230 168 129	#E6A881
66.7%	66.7% #EEAA88	RGB 238 170 136	#EEAA88
83.3%	83.3% #F6AD90	RGB 246 173 144	#F6AD90
100.0%	100.0% #FFB098	RGB 255 176 152	#FFB098

#CEA16D #D6A373 #DEA57A #E6A881 #EEAA88 #F6AD90 #FFB098

#CEA16D - #E6A881 - #FFB098

CSS codes

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

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