#FFB2D9 - #CF427D | 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 #FFB2D9 to #CF427D

#FFB2D9 #CF427D

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

#FFB2D9 - #CF427D | 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 #FFB2D9 as 0% and #CF427D as 100%.

0.0%	0.0% #FFB2D9	RGB 255 178 217	#FFB2D9
16.7%	16.7% #F79FC9	RGB 247 159 201	#F79FC9
33.3%	33.3% #EF8CBA	RGB 239 140 186	#EF8CBA
50.0%	50.0% #E77AAB	RGB 231 122 171	#E77AAB
66.7%	66.7% #DF679B	RGB 223 103 155	#DF679B
83.3%	83.3% #D7548C	RGB 215 84 140	#D7548C
100.0%	100.0% #CF427D	RGB 207 66 125	#CF427D

#FFB2D9 #F79FC9 #EF8CBA #E77AAB #DF679B #D7548C #CF427D

#FFB2D9 - #CF427D

HSV Blend

#FFB2D9 - #CF427D | 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 #FFB2D9 as 0% and #CF427D as 100%.

0.0%	0.0% #FFB2D9	RGB 255 178 217	#FFB2D9
16.7%	16.7% #F79CC9	RGB 247 156 201	#F79CC9
33.3%	33.3% #EF88B9	RGB 239 136 185	#EF88B9
50.0%	50.0% #E775A9	RGB 231 117 169	#E775A9
66.7%	66.7% #DF639A	RGB 223 99 154	#DF639A
83.3%	83.3% #D7528B	RGB 215 82 139	#D7528B
100.0%	100.0% #CF427D	RGB 207 66 125	#CF427D

#FFB2D9 #F79CC9 #EF88B9 #E775A9 #DF639A #D7528B #CF427D

#FFB2D9 - #E775A9 - #CF427D

CSS codes

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

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