#C06DBB - #EDD5EB | 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 #C06DBB to #EDD5EB

#C06DBB #EDD5EB

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

#C06DBB - #EDD5EB | 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 #C06DBB as 0% and #EDD5EB as 100%.

0.0%	0.0% #C06DBB	RGB 192 109 187	#C06DBB
16.7%	16.7% #C77EC3	RGB 199 126 195	#C77EC3
33.3%	33.3% #CF8FCB	RGB 207 143 203	#CF8FCB
50.0%	50.0% #D6A1D3	RGB 214 161 211	#D6A1D3
66.7%	66.7% #DEB2DB	RGB 222 178 219	#DEB2DB
83.3%	83.3% #E5C3E3	RGB 229 195 227	#E5C3E3
100.0%	100.0% #EDD5EB	RGB 237 213 235	#EDD5EB

#C06DBB #C77EC3 #CF8FCB #D6A1D3 #DEB2DB #E5C3E3 #EDD5EB

#C06DBB - #EDD5EB

HSV Blend

#C06DBB - #EDD5EB | 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 #C06DBB as 0% and #EDD5EB as 100%.

0.0%	0.0% #C06DBB	RGB 192 109 187	#C06DBB
16.7%	16.7% #C77CC2	RGB 199 124 194	#C77CC2
33.3%	33.3% #CF8CCA	RGB 207 140 202	#CF8CCA
50.0%	50.0% #D69DD2	RGB 214 157 210	#D69DD2
66.7%	66.7% #DEAFDA	RGB 222 175 218	#DEAFDA
83.3%	83.3% #E5C1E2	RGB 229 193 226	#E5C1E2
100.0%	100.0% #EDD5EB	RGB 237 213 235	#EDD5EB

#C06DBB #C77CC2 #CF8CCA #D69DD2 #DEAFDA #E5C1E2 #EDD5EB

#C06DBB - #D69DD2 - #EDD5EB

CSS codes

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

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