#DB5D4C - #FFB164 | 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 #DB5D4C to #FFB164

#DB5D4C #FFB164

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

#DB5D4C - #FFB164 | 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 #DB5D4C as 0% and #FFB164 as 100%.

0.0%	0.0% #DB5D4C	RGB 219 93 76	#DB5D4C
16.7%	16.7% #E16B50	RGB 225 107 80	#E16B50
33.3%	33.3% #E77954	RGB 231 121 84	#E77954
50.0%	50.0% #ED8758	RGB 237 135 88	#ED8758
66.7%	66.7% #F3955C	RGB 243 149 92	#F3955C
83.3%	83.3% #F9A360	RGB 249 163 96	#F9A360
100.0%	100.0% #FFB164	RGB 255 177 100	#FFB164

#DB5D4C #E16B50 #E77954 #ED8758 #F3955C #F9A360 #FFB164

#DB5D4C - #FFB164

HSV Blend

#DB5D4C - #FFB164 | 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 #DB5D4C as 0% and #FFB164 as 100%.

0.0%	0.0% #DB5D4C	RGB 219 93 76	#DB5D4C
16.7%	16.7% #E16A4F	RGB 225 106 79	#E16A4F
33.3%	33.3% #E77753	RGB 231 119 83	#E77753
50.0%	50.0% #ED8557	RGB 237 133 87	#ED8557
66.7%	66.7% #F3935B	RGB 243 147 91	#F3935B
83.3%	83.3% #F9A25F	RGB 249 162 95	#F9A25F
100.0%	100.0% #FFB164	RGB 255 177 100	#FFB164

#DB5D4C #E16A4F #E77753 #ED8557 #F3935B #F9A25F #FFB164

#DB5D4C - #ED8557 - #FFB164

CSS codes

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

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