#EDDCEC - #AA81B8 | 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 #EDDCEC to #AA81B8

#EDDCEC #AA81B8

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

#EDDCEC - #AA81B8 | 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 #EDDCEC as 0% and #AA81B8 as 100%.

0.0%	0.0% #EDDCEC	RGB 237 220 236	#EDDCEC
16.7%	16.7% #E1CCE3	RGB 225 204 227	#E1CCE3
33.3%	33.3% #D6BDDA	RGB 214 189 218	#D6BDDA
50.0%	50.0% #CBAED2	RGB 203 174 210	#CBAED2
66.7%	66.7% #C09FC9	RGB 192 159 201	#C09FC9
83.3%	83.3% #B590C0	RGB 181 144 192	#B590C0
100.0%	100.0% #AA81B8	RGB 170 129 184	#AA81B8

#EDDCEC #E1CCE3 #D6BDDA #CBAED2 #C09FC9 #B590C0 #AA81B8

#EDDCEC - #AA81B8

HSV Blend

#EDDCEC - #AA81B8 | 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 #EDDCEC as 0% and #AA81B8 as 100%.

0.0%	0.0% #EDDCEC	RGB 237 220 236	#EDDCEC
16.7%	16.7% #E4CBE4	RGB 228 203 228	#E4CBE4
33.3%	33.3% #D9BADB	RGB 217 186 219	#D9BADB
50.0%	50.0% #CEABD2	RGB 206 171 210	#CEABD2
66.7%	66.7% #C29CC9	RGB 194 156 201	#C29CC9
83.3%	83.3% #B68EC0	RGB 182 142 192	#B68EC0
100.0%	100.0% #AA81B8	RGB 170 129 184	#AA81B8

#EDDCEC #E4CBE4 #D9BADB #CEABD2 #C29CC9 #B68EC0 #AA81B8

#EDDCEC - #CEABD2 - #AA81B8

CSS codes

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

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