#FFC6B5 - #DC6C44 | 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 #FFC6B5 to #DC6C44

#FFC6B5 #DC6C44

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

#FFC6B5 - #DC6C44 | 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 #FFC6B5 as 0% and #DC6C44 as 100%.

0.0%	0.0% #FFC6B5	RGB 255 198 181	#FFC6B5
16.7%	16.7% #F9B7A2	RGB 249 183 162	#F9B7A2
33.3%	33.3% #F3A88F	RGB 243 168 143	#F3A88F
50.0%	50.0% #ED997C	RGB 237 153 124	#ED997C
66.7%	66.7% #E78A69	RGB 231 138 105	#E78A69
83.3%	83.3% #E17B56	RGB 225 123 86	#E17B56
100.0%	100.0% #DC6C44	RGB 220 108 68	#DC6C44

#FFC6B5 #F9B7A2 #F3A88F #ED997C #E78A69 #E17B56 #DC6C44

#FFC6B5 - #DC6C44

HSV Blend

#FFC6B5 - #DC6C44 | 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 #FFC6B5 as 0% and #DC6C44 as 100%.

0.0%	0.0% #FFC6B5	RGB 255 198 181	#FFC6B5
16.7%	16.7% #F9B5A0	RGB 249 181 160	#F9B5A0
33.3%	33.3% #F3A58C	RGB 243 165 140	#F3A58C
50.0%	50.0% #ED9578	RGB 237 149 120	#ED9578
66.7%	66.7% #E78766	RGB 231 135 102	#E78766
83.3%	83.3% #E17954	RGB 225 121 84	#E17954
100.0%	100.0% #DC6C44	RGB 220 108 68	#DC6C44

#FFC6B5 #F9B5A0 #F3A58C #ED9578 #E78766 #E17954 #DC6C44

#FFC6B5 - #ED9578 - #DC6C44

CSS codes

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

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