#E6BFD2 - #C26B9D | 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 #E6BFD2 to #C26B9D

#E6BFD2 #C26B9D

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

#E6BFD2 - #C26B9D | 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 #E6BFD2 as 0% and #C26B9D as 100%.

0.0%	0.0% #E6BFD2	RGB 230 191 210	#E6BFD2
16.7%	16.7% #E0B1C9	RGB 224 177 201	#E0B1C9
33.3%	33.3% #DAA3C0	RGB 218 163 192	#DAA3C0
50.0%	50.0% #D495B7	RGB 212 149 183	#D495B7
66.7%	66.7% #CE87AE	RGB 206 135 174	#CE87AE
83.3%	83.3% #C879A5	RGB 200 121 165	#C879A5
100.0%	100.0% #C26B9D	RGB 194 107 157	#C26B9D

#E6BFD2 #E0B1C9 #DAA3C0 #D495B7 #CE87AE #C879A5 #C26B9D

#E6BFD2 - #C26B9D

HSV Blend

#E6BFD2 - #C26B9D | 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 #E6BFD2 as 0% and #C26B9D as 100%.

0.0%	0.0% #E6BFD2	RGB 230 191 210	#E6BFD2
16.7%	16.7% #E0AFC7	RGB 224 175 199	#E0AFC7
33.3%	33.3% #DAA0BE	RGB 218 160 190	#DAA0BE
50.0%	50.0% #D492B5	RGB 212 146 181	#D492B5
66.7%	66.7% #CE84AC	RGB 206 132 172	#CE84AC
83.3%	83.3% #C877A4	RGB 200 119 164	#C877A4
100.0%	100.0% #C26B9D	RGB 194 107 157	#C26B9D

#E6BFD2 #E0AFC7 #DAA0BE #D492B5 #CE84AC #C877A4 #C26B9D

#E6BFD2 - #D492B5 - #C26B9D

CSS codes

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

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