#C07AB7 - #EDD9EA | 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 #C07AB7 to #EDD9EA

#C07AB7 #EDD9EA

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

#C07AB7 - #EDD9EA | 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 #C07AB7 as 0% and #EDD9EA as 100%.

0.0%	0.0% #C07AB7	RGB 192 122 183	#C07AB7
16.7%	16.7% #C789BF	RGB 199 137 191	#C789BF
33.3%	33.3% #CF99C8	RGB 207 153 200	#CF99C8
50.0%	50.0% #D6A9D0	RGB 214 169 208	#D6A9D0
66.7%	66.7% #DEB9D9	RGB 222 185 217	#DEB9D9
83.3%	83.3% #E5C9E1	RGB 229 201 225	#E5C9E1
100.0%	100.0% #EDD9EA	RGB 237 217 234	#EDD9EA

#C07AB7 #C789BF #CF99C8 #D6A9D0 #DEB9D9 #E5C9E1 #EDD9EA

#C07AB7 - #EDD9EA

HSV Blend

#C07AB7 - #EDD9EA | 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 #C07AB7 as 0% and #EDD9EA as 100%.

0.0%	0.0% #C07AB6	RGB 192 122 182	#C07AB6
16.7%	16.7% #C788BF	RGB 199 136 191	#C788BF
33.3%	33.3% #CF96C7	RGB 207 150 199	#CF96C7
50.0%	50.0% #D6A6CF	RGB 214 166 207	#D6A6CF
66.7%	66.7% #DEB6D8	RGB 222 182 216	#DEB6D8
83.3%	83.3% #E5C7E1	RGB 229 199 225	#E5C7E1
100.0%	100.0% #EDD9EA	RGB 237 217 234	#EDD9EA

#C07AB6 #C788BF #CF96C7 #D6A6CF #DEB6D8 #E5C7E1 #EDD9EA

#C07AB7 - #D6A6CF - #EDD9EA

CSS codes

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

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