#FFB2D5 - #CF4263 | 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 #FFB2D5 to #CF4263

#FFB2D5 #CF4263

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

#FFB2D5 - #CF4263 | 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 #FFB2D5 as 0% and #CF4263 as 100%.

0.0%	0.0% #FFB2D5	RGB 255 178 213	#FFB2D5
16.7%	16.7% #F79FC2	RGB 247 159 194	#F79FC2
33.3%	33.3% #EF8CAF	RGB 239 140 175	#EF8CAF
50.0%	50.0% #E77A9C	RGB 231 122 156	#E77A9C
66.7%	66.7% #DF6789	RGB 223 103 137	#DF6789
83.3%	83.3% #D75476	RGB 215 84 118	#D75476
100.0%	100.0% #CF4263	RGB 207 66 99	#CF4263

#FFB2D5 #F79FC2 #EF8CAF #E77A9C #DF6789 #D75476 #CF4263

#FFB2D5 - #CF4263

HSV Blend

#FFB2D5 - #CF4263 | 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 #FFB2D5 as 0% and #CF4263 as 100%.

0.0%	0.0% #FFB2D5	RGB 255 178 213	#FFB2D5
16.7%	16.7% #F79CC2	RGB 247 156 194	#F79CC2
33.3%	33.3% #EF88AF	RGB 239 136 175	#EF88AF
50.0%	50.0% #E7759C	RGB 231 117 156	#E7759C
66.7%	66.7% #DF6389	RGB 223 99 137	#DF6389
83.3%	83.3% #D75276	RGB 215 82 118	#D75276
100.0%	100.0% #CF4263	RGB 207 66 99	#CF4263

#FFB2D5 #F79CC2 #EF88AF #E7759C #DF6389 #D75276 #CF4263

#FFB2D5 - #E7759C - #CF4263

CSS codes

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

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