#CF997C - #FFDB9C | 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 #CF997C to #FFDB9C

#CF997C #FFDB9C

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

#CF997C - #FFDB9C | 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 #CF997C as 0% and #FFDB9C as 100%.

0.0%	0.0% #CF997C	RGB 207 153 124	#CF997C
16.7%	16.7% #D7A481	RGB 215 164 129	#D7A481
33.3%	33.3% #DFAF86	RGB 223 175 134	#DFAF86
50.0%	50.0% #E7BA8C	RGB 231 186 140	#E7BA8C
66.7%	66.7% #EFC591	RGB 239 197 145	#EFC591
83.3%	83.3% #F7D096	RGB 247 208 150	#F7D096
100.0%	100.0% #FFDB9C	RGB 255 219 156	#FFDB9C

#CF997C #D7A481 #DFAF86 #E7BA8C #EFC591 #F7D096 #FFDB9C

#CF997C - #FFDB9C

HSV Blend

#CF997C - #FFDB9C | 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 #CF997C as 0% and #FFDB9C as 100%.

0.0%	0.0% #CF997C	RGB 207 153 124	#CF997C
16.7%	16.7% #D7A381	RGB 215 163 129	#D7A381
33.3%	33.3% #DFAD86	RGB 223 173 134	#DFAD86
50.0%	50.0% #E7B88B	RGB 231 184 139	#E7B88B
66.7%	66.7% #EFC391	RGB 239 195 145	#EFC391
83.3%	83.3% #F7CF96	RGB 247 207 150	#F7CF96
100.0%	100.0% #FFDB9C	RGB 255 219 156	#FFDB9C

#CF997C #D7A381 #DFAD86 #E7B88B #EFC391 #F7CF96 #FFDB9C

#CF997C - #E7B88B - #FFDB9C

CSS codes

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

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