#C181A8 - #EDDBE6 | 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 #C181A8 to #EDDBE6

#C181A8 #EDDBE6

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

#C181A8 - #EDDBE6 | 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 #C181A8 as 0% and #EDDBE6 as 100%.

0.0%	0.0% #C181A8	RGB 193 129 168	#C181A8
16.7%	16.7% #C890B2	RGB 200 144 178	#C890B2
33.3%	33.3% #CF9FBC	RGB 207 159 188	#CF9FBC
50.0%	50.0% #D7AEC7	RGB 215 174 199	#D7AEC7
66.7%	66.7% #DEBDD1	RGB 222 189 209	#DEBDD1
83.3%	83.3% #E5CCDB	RGB 229 204 219	#E5CCDB
100.0%	100.0% #EDDBE6	RGB 237 219 230	#EDDBE6

#C181A8 #C890B2 #CF9FBC #D7AEC7 #DEBDD1 #E5CCDB #EDDBE6

#C181A8 - #EDDBE6

HSV Blend

#C181A8 - #EDDBE6 | 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 #C181A8 as 0% and #EDDBE6 as 100%.

0.0%	0.0% #C181A8	RGB 193 129 168	#C181A8
16.7%	16.7% #C88EB1	RGB 200 142 177	#C88EB1
33.3%	33.3% #CF9CBB	RGB 207 156 187	#CF9CBB
50.0%	50.0% #D7ABC5	RGB 215 171 197	#D7ABC5
66.7%	66.7% #DEBAD0	RGB 222 186 208	#DEBAD0
83.3%	83.3% #E5CADB	RGB 229 202 219	#E5CADB
100.0%	100.0% #EDDBE6	RGB 237 219 230	#EDDBE6

#C181A8 #C88EB1 #CF9CBB #D7ABC5 #DEBAD0 #E5CADB #EDDBE6

#C181A8 - #D7ABC5 - #EDDBE6

CSS codes

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

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