#6B5E6E - #E388D0 | 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 #6B5E6E to #E388D0

#6B5E6E #E388D0

Calculate the color between two colors, #6B5E6E and #E388D0. 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)

#6B5E6E - #E388D0 | 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 #6B5E6E as 0% and #E388D0 as 100%.

0.0%	0.0% #6B5E6E	RGB 107 94 110	#6B5E6E
16.7%	16.7% #7F657E	RGB 127 101 126	#7F657E
33.3%	33.3% #936C8E	RGB 147 108 142	#936C8E
50.0%	50.0% #A7739F	RGB 167 115 159	#A7739F
66.7%	66.7% #BB7AAF	RGB 187 122 175	#BB7AAF
83.3%	83.3% #CF81BF	RGB 207 129 191	#CF81BF
100.0%	100.0% #E388D0	RGB 227 136 208	#E388D0

#6B5E6E #7F657E #936C8E #A7739F #BB7AAF #CF81BF #E388D0

#6B5E6E - #E388D0

HSV Blend

#6B5E6E - #E388D0 | 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 #6B5E6E as 0% and #E388D0 as 100%.

0.0%	0.0% #6B5E6E	RGB 107 94 110	#6B5E6E
16.7%	16.7% #7E6981	RGB 126 105 129	#7E6981
33.3%	33.3% #937295	RGB 147 114 149	#937295
50.0%	50.0% #A87AA8	RGB 168 122 168	#A87AA8
66.7%	66.7% #BC80B7	RGB 188 128 183	#BC80B7
83.3%	83.3% #CF85C4	RGB 207 133 196	#CF85C4
100.0%	100.0% #E388D0	RGB 227 136 208	#E388D0

#6B5E6E #7E6981 #937295 #A87AA8 #BC80B7 #CF85C4 #E388D0

#6B5E6E - #A87AA8 - #E388D0

CSS codes

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

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