#FFC2B8 - #DC925B | 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 #FFC2B8 to #DC925B

#FFC2B8 #DC925B

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

#FFC2B8 - #DC925B | 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 #FFC2B8 as 0% and #DC925B as 100%.

0.0%	0.0% #FFC2B8	RGB 255 194 184	#FFC2B8
16.7%	16.7% #F9BAA8	RGB 249 186 168	#F9BAA8
33.3%	33.3% #F3B299	RGB 243 178 153	#F3B299
50.0%	50.0% #EDAA89	RGB 237 170 137	#EDAA89
66.7%	66.7% #E7A27A	RGB 231 162 122	#E7A27A
83.3%	83.3% #E19A6A	RGB 225 154 106	#E19A6A
100.0%	100.0% #DC925B	RGB 220 146 91	#DC925B

#FFC2B8 #F9BAA8 #F3B299 #EDAA89 #E7A27A #E19A6A #DC925B

#FFC2B8 - #DC925B

HSV Blend

#FFC2B8 - #DC925B | 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 #FFC2B8 as 0% and #DC925B as 100%.

0.0%	0.0% #FFC2B8	RGB 255 194 184	#FFC2B8
16.7%	16.7% #F9B6A7	RGB 249 182 167	#F9B6A7
33.3%	33.3% #F3AC96	RGB 243 172 150	#F3AC96
50.0%	50.0% #EDA386	RGB 237 163 134	#EDA386
66.7%	66.7% #E79C77	RGB 231 156 119	#E79C77
83.3%	83.3% #E19669	RGB 225 150 105	#E19669
100.0%	100.0% #DC925B	RGB 220 146 91	#DC925B

#FFC2B8 #F9B6A7 #F3AC96 #EDA386 #E79C77 #E19669 #DC925B

#FFC2B8 - #EDA386 - #DC925B

CSS codes

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

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