#C065AC - #EDD3E7 | 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 #C065AC to #EDD3E7

#C065AC #EDD3E7

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

#C065AC - #EDD3E7 | 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 #C065AC as 0% and #EDD3E7 as 100%.

0.0%	0.0% #C065AC	RGB 192 101 172	#C065AC
16.7%	16.7% #C777B5	RGB 199 119 181	#C777B5
33.3%	33.3% #CF89BF	RGB 207 137 191	#CF89BF
50.0%	50.0% #D69CC9	RGB 214 156 201	#D69CC9
66.7%	66.7% #DEAED3	RGB 222 174 211	#DEAED3
83.3%	83.3% #E5C0DD	RGB 229 192 221	#E5C0DD
100.0%	100.0% #EDD3E7	RGB 237 211 231	#EDD3E7

#C065AC #C777B5 #CF89BF #D69CC9 #DEAED3 #E5C0DD #EDD3E7

#C065AC - #EDD3E7

HSV Blend

#C065AC - #EDD3E7 | 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 #C065AC as 0% and #EDD3E7 as 100%.

0.0%	0.0% #C065AB	RGB 192 101 171	#C065AB
16.7%	16.7% #C775B5	RGB 199 117 181	#C775B5
33.3%	33.3% #CF86BE	RGB 207 134 190	#CF86BE
50.0%	50.0% #D697C8	RGB 214 151 200	#D697C8
66.7%	66.7% #DEAAD2	RGB 222 170 210	#DEAAD2
83.3%	83.3% #E5BEDC	RGB 229 190 220	#E5BEDC
100.0%	100.0% #EDD3E7	RGB 237 211 231	#EDD3E7

#C065AB #C775B5 #CF86BE #D697C8 #DEAAD2 #E5BEDC #EDD3E7

#C065AC - #D697C8 - #EDD3E7

CSS codes

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

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