#F2B8A8 - #DF6B51 | 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 #F2B8A8 to #DF6B51

#F2B8A8 #DF6B51

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

#F2B8A8 - #DF6B51 | 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 #F2B8A8 as 0% and #DF6B51 as 100%.

0.0%	0.0% #F2B8A8	RGB 242 184 168	#F2B8A8
16.7%	16.7% #EEAB99	RGB 238 171 153	#EEAB99
33.3%	33.3% #EB9E8B	RGB 235 158 139	#EB9E8B
50.0%	50.0% #E8917C	RGB 232 145 124	#E8917C
66.7%	66.7% #E5846E	RGB 229 132 110	#E5846E
83.3%	83.3% #E2775F	RGB 226 119 95	#E2775F
100.0%	100.0% #DF6B51	RGB 223 107 81	#DF6B51

#F2B8A8 #EEAB99 #EB9E8B #E8917C #E5846E #E2775F #DF6B51

#F2B8A8 - #DF6B51

HSV Blend

#F2B8A8 - #DF6B51 | 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 #F2B8A8 as 0% and #DF6B51 as 100%.

0.0%	0.0% #F2B8A8	RGB 242 184 168	#F2B8A8
16.7%	16.7% #EEAA98	RGB 238 170 152	#EEAA98
33.3%	33.3% #EB9D89	RGB 235 157 137	#EB9D89
50.0%	50.0% #E8907A	RGB 232 144 122	#E8907A
66.7%	66.7% #E5846C	RGB 229 132 108	#E5846C
83.3%	83.3% #E2775E	RGB 226 119 94	#E2775E
100.0%	100.0% #DF6B51	RGB 223 107 81	#DF6B51

#F2B8A8 #EEAA98 #EB9D89 #E8907A #E5846C #E2775E #DF6B51

#F2B8A8 - #E8907A - #DF6B51

CSS codes

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

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