#C34DBD - #EDCCEB | 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 #C34DBD to #EDCCEB

#C34DBD #EDCCEB

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

#C34DBD - #EDCCEB | 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 #C34DBD as 0% and #EDCCEB as 100%.

0.0%	0.0% #C34DBD	RGB 195 77 189	#C34DBD
16.7%	16.7% #CA62C4	RGB 202 98 196	#CA62C4
33.3%	33.3% #D177CC	RGB 209 119 204	#D177CC
50.0%	50.0% #D88CD4	RGB 216 140 212	#D88CD4
66.7%	66.7% #DFA1DB	RGB 223 161 219	#DFA1DB
83.3%	83.3% #E6B6E3	RGB 230 182 227	#E6B6E3
100.0%	100.0% #EDCCEB	RGB 237 204 235	#EDCCEB

#C34DBD #CA62C4 #D177CC #D88CD4 #DFA1DB #E6B6E3 #EDCCEB

#C34DBD - #EDCCEB

HSV Blend

#C34DBD - #EDCCEB | 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 #C34DBD as 0% and #EDCCEB as 100%.

0.0%	0.0% #C34DBD	RGB 195 77 189	#C34DBD
16.7%	16.7% #CA5FC4	RGB 202 95 196	#CA5FC4
33.3%	33.3% #D172CB	RGB 209 114 203	#D172CB
50.0%	50.0% #D887D3	RGB 216 135 211	#D887D3
66.7%	66.7% #DF9DDB	RGB 223 157 219	#DF9DDB
83.3%	83.3% #E6B4E3	RGB 230 180 227	#E6B4E3
100.0%	100.0% #EDCCEB	RGB 237 204 235	#EDCCEB

#C34DBD #CA5FC4 #D172CB #D887D3 #DF9DDB #E6B4E3 #EDCCEB

#C34DBD - #D887D3 - #EDCCEB

CSS codes

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

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