#C06BA8 - #EDD4E6 | 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 #C06BA8 to #EDD4E6

#C06BA8 #EDD4E6

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

#C06BA8 - #EDD4E6 | 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 #C06BA8 as 0% and #EDD4E6 as 100%.

0.0%	0.0% #C06BA8	RGB 192 107 168	#C06BA8
16.7%	16.7% #C77CB2	RGB 199 124 178	#C77CB2
33.3%	33.3% #CF8EBC	RGB 207 142 188	#CF8EBC
50.0%	50.0% #D69FC7	RGB 214 159 199	#D69FC7
66.7%	66.7% #DEB1D1	RGB 222 177 209	#DEB1D1
83.3%	83.3% #E5C2DB	RGB 229 194 219	#E5C2DB
100.0%	100.0% #EDD4E6	RGB 237 212 230	#EDD4E6

#C06BA8 #C77CB2 #CF8EBC #D69FC7 #DEB1D1 #E5C2DB #EDD4E6

#C06BA8 - #EDD4E6

HSV Blend

#C06BA8 - #EDD4E6 | 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 #C06BA8 as 0% and #EDD4E6 as 100%.

0.0%	0.0% #C06BA7	RGB 192 107 167	#C06BA7
16.7%	16.7% #C77AB1	RGB 199 122 177	#C77AB1
33.3%	33.3% #CF8ABB	RGB 207 138 187	#CF8ABB
50.0%	50.0% #D69BC5	RGB 214 155 197	#D69BC5
66.7%	66.7% #DEADD0	RGB 222 173 208	#DEADD0
83.3%	83.3% #E5C0DB	RGB 229 192 219	#E5C0DB
100.0%	100.0% #EDD4E6	RGB 237 212 230	#EDD4E6

#C06BA7 #C77AB1 #CF8ABB #D69BC5 #DEADD0 #E5C0DB #EDD4E6

#C06BA8 - #D69BC5 - #EDD4E6

CSS codes

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

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