#DB6B6D - #FFBD7F | 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 #DB6B6D to #FFBD7F

#DB6B6D #FFBD7F

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

#DB6B6D - #FFBD7F | 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 #DB6B6D as 0% and #FFBD7F as 100%.

0.0%	0.0% #DB6B6D	RGB 219 107 109	#DB6B6D
16.7%	16.7% #E17870	RGB 225 120 112	#E17870
33.3%	33.3% #E78673	RGB 231 134 115	#E78673
50.0%	50.0% #ED9476	RGB 237 148 118	#ED9476
66.7%	66.7% #F3A179	RGB 243 161 121	#F3A179
83.3%	83.3% #F9AF7C	RGB 249 175 124	#F9AF7C
100.0%	100.0% #FFBD7F	RGB 255 189 127	#FFBD7F

#DB6B6D #E17870 #E78673 #ED9476 #F3A179 #F9AF7C #FFBD7F

#DB6B6D - #FFBD7F

HSV Blend

#DB6B6D - #FFBD7F | 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 #DB6B6D as 0% and #FFBD7F as 100%.

0.0%	0.0% #DB6B6D	RGB 219 107 109	#DB6B6D
16.7%	16.7% #E1756E	RGB 225 117 110	#E1756E
33.3%	33.3% #E78371	RGB 231 131 113	#E78371
50.0%	50.0% #ED9074	RGB 237 144 116	#ED9074
66.7%	66.7% #F39F78	RGB 243 159 120	#F39F78
83.3%	83.3% #F9AD7B	RGB 249 173 123	#F9AD7B
100.0%	100.0% #FFBD7F	RGB 255 189 127	#FFBD7F

#DB6B6D #E1756E #E78371 #ED9074 #F39F78 #F9AD7B #FFBD7F

#DB6B6D - #ED9074 - #FFBD7F

CSS codes

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

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