#DD00AB - #FF7EE0 | 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 #DD00AB to #FF7EE0

#DD00AB #FF7EE0

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

#DD00AB - #FF7EE0 | 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 #DD00AB as 0% and #FF7EE0 as 100%.

0.0%	0.0% #DD00AB	RGB 221 0 171	#DD00AB
16.7%	16.7% #E215B3	RGB 226 21 179	#E215B3
33.3%	33.3% #E82ABC	RGB 232 42 188	#E82ABC
50.0%	50.0% #EE3FC5	RGB 238 63 197	#EE3FC5
66.7%	66.7% #F354CE	RGB 243 84 206	#F354CE
83.3%	83.3% #F969D7	RGB 249 105 215	#F969D7
100.0%	100.0% #FF7EE0	RGB 255 126 224	#FF7EE0

#DD00AB #E215B3 #E82ABC #EE3FC5 #F354CE #F969D7 #FF7EE0

#DD00AB - #FF7EE0

HSV Blend

#DD00AB - #FF7EE0 | 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 #DD00AB as 0% and #FF7EE0 as 100%.

0.0%	0.0% #DD00AB	RGB 221 0 171	#DD00AB
16.7%	16.7% #E212B3	RGB 226 18 179	#E212B3
33.3%	33.3% #E826BB	RGB 232 38 187	#E826BB
50.0%	50.0% #EE3AC4	RGB 238 58 196	#EE3AC4
66.7%	66.7% #F350CD	RGB 243 80 205	#F350CD
83.3%	83.3% #F966D6	RGB 249 102 214	#F966D6
100.0%	100.0% #FF7EE0	RGB 255 126 224	#FF7EE0

#DD00AB #E212B3 #E826BB #EE3AC4 #F350CD #F966D6 #FF7EE0

#DD00AB - #EE3AC4 - #FF7EE0

CSS codes

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

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