#DBD16C - #FF8C97 | 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 #DBD16C to #FF8C97

#DBD16C #FF8C97

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

#DBD16C - #FF8C97 | 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 #DBD16C as 0% and #FF8C97 as 100%.

0.0%	0.0% #DBD16C	RGB 219 209 108	#DBD16C
16.7%	16.7% #E1C573	RGB 225 197 115	#E1C573
33.3%	33.3% #E7BA7A	RGB 231 186 122	#E7BA7A
50.0%	50.0% #EDAE81	RGB 237 174 129	#EDAE81
66.7%	66.7% #F3A388	RGB 243 163 136	#F3A388
83.3%	83.3% #F9978F	RGB 249 151 143	#F9978F
100.0%	100.0% #FF8C97	RGB 255 140 151	#FF8C97

#DBD16C #E1C573 #E7BA7A #EDAE81 #F3A388 #F9978F #FF8C97

#DBD16C - #FF8C97

HSV Blend

#DBD16C - #FF8C97 | 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 #DBD16C as 0% and #FF8C97 as 100%.

0.0%	0.0% #DBD16C	RGB 219 209 108	#DBD16C
16.7%	16.7% #E1C471	RGB 225 196 113	#E1C471
33.3%	33.3% #E7B776	RGB 231 183 118	#E7B776
50.0%	50.0% #EDA97B	RGB 237 169 123	#EDA97B
66.7%	66.7% #F39C80	RGB 243 156 128	#F39C80
83.3%	83.3% #F98E86	RGB 249 142 134	#F98E86
100.0%	100.0% #FF8C97	RGB 255 140 151	#FF8C97

#DBD16C #E1C471 #E7B776 #EDA97B #F39C80 #F98E86 #FF8C97

#DBD16C - #EDA97B - #FF8C97

CSS codes

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

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