#C6007E - #EEB6DA | 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 #C6007E to #EEB6DA

#C6007E #EEB6DA

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

#C6007E - #EEB6DA | 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 #C6007E as 0% and #EEB6DA as 100%.

0.0%	0.0% #C6007E	RGB 198 0 126	#C6007E
16.7%	16.7% #CC1E8D	RGB 204 30 141	#CC1E8D
33.3%	33.3% #D33C9C	RGB 211 60 156	#D33C9C
50.0%	50.0% #DA5BAC	RGB 218 91 172	#DA5BAC
66.7%	66.7% #E079BB	RGB 224 121 187	#E079BB
83.3%	83.3% #E797CA	RGB 231 151 202	#E797CA
100.0%	100.0% #EEB6DA	RGB 238 182 218	#EEB6DA

#C6007E #CC1E8D #D33C9C #DA5BAC #E079BB #E797CA #EEB6DA

#C6007E - #EEB6DA

HSV Blend

#C6007E - #EEB6DA | 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 #C6007E as 0% and #EEB6DA as 100%.

0.0%	0.0% #C6007E	RGB 198 0 126	#C6007E
16.7%	16.7% #CC1A8B	RGB 204 26 139	#CC1A8B
33.3%	33.3% #D3359A	RGB 211 53 154	#D3359A
50.0%	50.0% #DA53A9	RGB 218 83 169	#DA53A9
66.7%	66.7% #E072B9	RGB 224 114 185	#E072B9
83.3%	83.3% #E793C9	RGB 231 147 201	#E793C9
100.0%	100.0% #EEB6DA	RGB 238 182 218	#EEB6DA

#C6007E #CC1A8B #D3359A #DA53A9 #E072B9 #E793C9 #EEB6DA

#C6007E - #DA53A9 - #EEB6DA

CSS codes

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

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