#FFAFB8 - #CE3E49 | 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 #FFAFB8 to #CE3E49

#FFAFB8 #CE3E49

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

#FFAFB8 - #CE3E49 | 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 #FFAFB8 as 0% and #CE3E49 as 100%.

0.0%	0.0% #FFAFB8	RGB 255 175 184	#FFAFB8
16.7%	16.7% #F69CA5	RGB 246 156 165	#F69CA5
33.3%	33.3% #EE8993	RGB 238 137 147	#EE8993
50.0%	50.0% #E67680	RGB 230 118 128	#E67680
66.7%	66.7% #DE636E	RGB 222 99 110	#DE636E
83.3%	83.3% #D6505B	RGB 214 80 91	#D6505B
100.0%	100.0% #CE3E49	RGB 206 62 73	#CE3E49

#FFAFB8 #F69CA5 #EE8993 #E67680 #DE636E #D6505B #CE3E49

#FFAFB8 - #CE3E49

HSV Blend

#FFAFB8 - #CE3E49 | 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 #FFAFB8 as 0% and #CE3E49 as 100%.

0.0%	0.0% #FFAFB8	RGB 255 175 184	#FFAFB8
16.7%	16.7% #F699A3	RGB 246 153 163	#F699A3
33.3%	33.3% #EE858F	RGB 238 133 143	#EE858F
50.0%	50.0% #E6717C	RGB 230 113 124	#E6717C
66.7%	66.7% #DE5F6A	RGB 222 95 106	#DE5F6A
83.3%	83.3% #D64E59	RGB 214 78 89	#D64E59
100.0%	100.0% #CE3E49	RGB 206 62 73	#CE3E49

#FFAFB8 #F699A3 #EE858F #E6717C #DE5F6A #D64E59 #CE3E49

#FFAFB8 - #E6717C - #CE3E49

CSS codes

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

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