#DB7E7F - #FFCC94 | 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 #DB7E7F to #FFCC94

#DB7E7F #FFCC94

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

#DB7E7F - #FFCC94 | 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 #DB7E7F as 0% and #FFCC94 as 100%.

0.0%	0.0% #DB7E7F	RGB 219 126 127	#DB7E7F
16.7%	16.7% #E18B82	RGB 225 139 130	#E18B82
33.3%	33.3% #E79886	RGB 231 152 134	#E79886
50.0%	50.0% #EDA589	RGB 237 165 137	#EDA589
66.7%	66.7% #F3B28D	RGB 243 178 141	#F3B28D
83.3%	83.3% #F9BF90	RGB 249 191 144	#F9BF90
100.0%	100.0% #FFCC94	RGB 255 204 148	#FFCC94

#DB7E7F #E18B82 #E79886 #EDA589 #F3B28D #F9BF90 #FFCC94

#DB7E7F - #FFCC94

HSV Blend

#DB7E7F - #FFCC94 | 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 #DB7E7F as 0% and #FFCC94 as 100%.

0.0%	0.0% #DB7E7F	RGB 219 126 127	#DB7E7F
16.7%	16.7% #E18981	RGB 225 137 129	#E18981
33.3%	33.3% #E79585	RGB 231 149 133	#E79585
50.0%	50.0% #EDA288	RGB 237 162 136	#EDA288
66.7%	66.7% #F3AF8C	RGB 243 175 140	#F3AF8C
83.3%	83.3% #F9BD90	RGB 249 189 144	#F9BD90
100.0%	100.0% #FFCC94	RGB 255 204 148	#FFCC94

#DB7E7F #E18981 #E79585 #EDA288 #F3AF8C #F9BD90 #FFCC94

#DB7E7F - #EDA288 - #FFCC94

CSS codes

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

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