#DD0068 - #FF7EB9 | 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 #DD0068 to #FF7EB9

#DD0068 #FF7EB9

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

#DD0068 - #FF7EB9 | 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 #DD0068 as 0% and #FF7EB9 as 100%.

0.0%	0.0% #DD0068	RGB 221 0 104	#DD0068
16.7%	16.7% #E21575	RGB 226 21 117	#E21575
33.3%	33.3% #E82A83	RGB 232 42 131	#E82A83
50.0%	50.0% #EE3F90	RGB 238 63 144	#EE3F90
66.7%	66.7% #F3549E	RGB 243 84 158	#F3549E
83.3%	83.3% #F969AB	RGB 249 105 171	#F969AB
100.0%	100.0% #FF7EB9	RGB 255 126 185	#FF7EB9

#DD0068 #E21575 #E82A83 #EE3F90 #F3549E #F969AB #FF7EB9

#DD0068 - #FF7EB9

HSV Blend

#DD0068 - #FF7EB9 | 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 #DD0068 as 0% and #FF7EB9 as 100%.

0.0%	0.0% #DD0068	RGB 221 0 104	#DD0068
16.7%	16.7% #E21274	RGB 226 18 116	#E21274
33.3%	33.3% #E82680	RGB 232 38 128	#E82680
50.0%	50.0% #EE3A8D	RGB 238 58 141	#EE3A8D
66.7%	66.7% #F3509B	RGB 243 80 155	#F3509B
83.3%	83.3% #F966AA	RGB 249 102 170	#F966AA
100.0%	100.0% #FF7EB9	RGB 255 126 185	#FF7EB9

#DD0068 #E21274 #E82680 #EE3A8D #F3509B #F966AA #FF7EB9

#DD0068 - #EE3A8D - #FF7EB9

CSS codes

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

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