#DB6C5D - #FFC07A | 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 #DB6C5D to #FFC07A

#DB6C5D #FFC07A

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

#DB6C5D - #FFC07A | 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 #DB6C5D as 0% and #FFC07A as 100%.

0.0%	0.0% #DB6C5D	RGB 219 108 93	#DB6C5D
16.7%	16.7% #E17A61	RGB 225 122 97	#E17A61
33.3%	33.3% #E78866	RGB 231 136 102	#E78866
50.0%	50.0% #ED966B	RGB 237 150 107	#ED966B
66.7%	66.7% #F3A470	RGB 243 164 112	#F3A470
83.3%	83.3% #F9B275	RGB 249 178 117	#F9B275
100.0%	100.0% #FFC07A	RGB 255 192 122	#FFC07A

#DB6C5D #E17A61 #E78866 #ED966B #F3A470 #F9B275 #FFC07A

#DB6C5D - #FFC07A

HSV Blend

#DB6C5D - #FFC07A | 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 #DB6C5D as 0% and #FFC07A as 100%.

0.0%	0.0% #DB6C5D	RGB 219 108 93	#DB6C5D
16.7%	16.7% #E17961	RGB 225 121 97	#E17961
33.3%	33.3% #E78766	RGB 231 135 102	#E78766
50.0%	50.0% #ED946B	RGB 237 148 107	#ED946B
66.7%	66.7% #F3A36F	RGB 243 163 111	#F3A36F
83.3%	83.3% #F9B174	RGB 249 177 116	#F9B174
100.0%	100.0% #FFC07A	RGB 255 192 122	#FFC07A

#DB6C5D #E17961 #E78766 #ED946B #F3A36F #F9B174 #FFC07A

#DB6C5D - #ED946B - #FFC07A

CSS codes

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

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