#DB2DBF - #FE41B0 | 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 #DB2DBF to #FE41B0

#DB2DBF #FE41B0

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

#DB2DBF - #FE41B0 | 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 #DB2DBF as 0% and #FE41B0 as 100%.

0.0%	0.0% #DB2DBF	RGB 219 45 191	#DB2DBF
16.7%	16.7% #E030BC	RGB 224 48 188	#E030BC
33.3%	33.3% #E633BA	RGB 230 51 186	#E633BA
50.0%	50.0% #EC37B7	RGB 236 55 183	#EC37B7
66.7%	66.7% #F23AB5	RGB 242 58 181	#F23AB5
83.3%	83.3% #F83DB2	RGB 248 61 178	#F83DB2
100.0%	100.0% #FE41B0	RGB 254 65 176	#FE41B0

#DB2DBF #E030BC #E633BA #EC37B7 #F23AB5 #F83DB2 #FE41B0

#DB2DBF - #FE41B0

HSV Blend

#DB2DBF - #FE41B0 | 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 #DB2DBF as 0% and #FE41B0 as 100%.

0.0%	0.0% #DB2DBF	RGB 219 45 191	#DB2DBF
16.7%	16.7% #E030BC	RGB 224 48 188	#E030BC
33.3%	33.3% #E633BA	RGB 230 51 186	#E633BA
50.0%	50.0% #EC36B8	RGB 236 54 184	#EC36B8
66.7%	66.7% #F239B5	RGB 242 57 181	#F239B5
83.3%	83.3% #F83DB2	RGB 248 61 178	#F83DB2
100.0%	100.0% #FE41B0	RGB 254 65 176	#FE41B0

#DB2DBF #E030BC #E633BA #EC36B8 #F239B5 #F83DB2 #FE41B0

#DB2DBF - #EC36B8 - #FE41B0

CSS codes

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

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