#C065A5 - #EDD3E4 | 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 #C065A5 to #EDD3E4

#C065A5 #EDD3E4

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

#C065A5 - #EDD3E4 | 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 #C065A5 as 0% and #EDD3E4 as 100%.

0.0%	0.0% #C065A5	RGB 192 101 165	#C065A5
16.7%	16.7% #C777AF	RGB 199 119 175	#C777AF
33.3%	33.3% #CF89BA	RGB 207 137 186	#CF89BA
50.0%	50.0% #D69CC4	RGB 214 156 196	#D69CC4
66.7%	66.7% #DEAECF	RGB 222 174 207	#DEAECF
83.3%	83.3% #E5C0D9	RGB 229 192 217	#E5C0D9
100.0%	100.0% #EDD3E4	RGB 237 211 228	#EDD3E4

#C065A5 #C777AF #CF89BA #D69CC4 #DEAECF #E5C0D9 #EDD3E4

#C065A5 - #EDD3E4

HSV Blend

#C065A5 - #EDD3E4 | 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 #C065A5 as 0% and #EDD3E4 as 100%.

0.0%	0.0% #C065A5	RGB 192 101 165	#C065A5
16.7%	16.7% #C775AE	RGB 199 117 174	#C775AE
33.3%	33.3% #CF86B8	RGB 207 134 184	#CF86B8
50.0%	50.0% #D697C2	RGB 214 151 194	#D697C2
66.7%	66.7% #DEAACD	RGB 222 170 205	#DEAACD
83.3%	83.3% #E5BED8	RGB 229 190 216	#E5BED8
100.0%	100.0% #EDD3E4	RGB 237 211 228	#EDD3E4

#C065A5 #C775AE #CF86B8 #D697C2 #DEAACD #E5BED8 #EDD3E4

#C065A5 - #D697C2 - #EDD3E4

CSS codes

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

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