#FFB2EB - #DC3DAB | 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 #FFB2EB to #DC3DAB

#FFB2EB #DC3DAB

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

#FFB2EB - #DC3DAB | 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 #FFB2EB as 0% and #DC3DAB as 100%.

0.0%	0.0% #FFB2EB	RGB 255 178 235	#FFB2EB
16.7%	16.7% #F99EE0	RGB 249 158 224	#F99EE0
33.3%	33.3% #F38BD5	RGB 243 139 213	#F38BD5
50.0%	50.0% #ED77CB	RGB 237 119 203	#ED77CB
66.7%	66.7% #E764C0	RGB 231 100 192	#E764C0
83.3%	83.3% #E150B5	RGB 225 80 181	#E150B5
100.0%	100.0% #DC3DAB	RGB 220 61 171	#DC3DAB

#FFB2EB #F99EE0 #F38BD5 #ED77CB #E764C0 #E150B5 #DC3DAB

#FFB2EB - #DC3DAB

HSV Blend

#FFB2EB - #DC3DAB | 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 #FFB2EB as 0% and #DC3DAB as 100%.

0.0%	0.0% #FFB2EB	RGB 255 178 235	#FFB2EB
16.7%	16.7% #F99CE0	RGB 249 156 224	#F99CE0
33.3%	33.3% #F387D5	RGB 243 135 213	#F387D5
50.0%	50.0% #ED73CA	RGB 237 115 202	#ED73CA
66.7%	66.7% #E760C0	RGB 231 96 192	#E760C0
83.3%	83.3% #E14EB5	RGB 225 78 181	#E14EB5
100.0%	100.0% #DC3DAB	RGB 220 61 171	#DC3DAB

#FFB2EB #F99CE0 #F387D5 #ED73CA #E760C0 #E14EB5 #DC3DAB

#FFB2EB - #ED73CA - #DC3DAB

CSS codes

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

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