#DC6B6B - #FFC38C | 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 #DC6B6B to #FFC38C

#DC6B6B #FFC38C

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

#DC6B6B - #FFC38C | 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 #DC6B6B as 0% and #FFC38C as 100%.

0.0%	0.0% #DC6B6B	RGB 220 107 107	#DC6B6B
16.7%	16.7% #E17970	RGB 225 121 112	#E17970
33.3%	33.3% #E78876	RGB 231 136 118	#E78876
50.0%	50.0% #ED977B	RGB 237 151 123	#ED977B
66.7%	66.7% #F3A581	RGB 243 165 129	#F3A581
83.3%	83.3% #F9B486	RGB 249 180 134	#F9B486
100.0%	100.0% #FFC38C	RGB 255 195 140	#FFC38C

#DC6B6B #E17970 #E78876 #ED977B #F3A581 #F9B486 #FFC38C

#DC6B6B - #FFC38C

HSV Blend

#DC6B6B - #FFC38C | 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 #DC6B6B as 0% and #FFC38C as 100%.

0.0%	0.0% #DC6B6B	RGB 220 107 107	#DC6B6B
16.7%	16.7% #E17970	RGB 225 121 112	#E17970
33.3%	33.3% #E78775	RGB 231 135 117	#E78775
50.0%	50.0% #ED967A	RGB 237 150 122	#ED967A
66.7%	66.7% #F3A580	RGB 243 165 128	#F3A580
83.3%	83.3% #F9B486	RGB 249 180 134	#F9B486
100.0%	100.0% #FFC38C	RGB 255 195 140	#FFC38C

#DC6B6B #E17970 #E78775 #ED967A #F3A580 #F9B486 #FFC38C

#DC6B6B - #ED967A - #FFC38C

CSS codes

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

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