#6E5E6D - #E388BC | 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 #6E5E6D to #E388BC

#6E5E6D #E388BC

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

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

0.0%	0.0% #6E5E6D	RGB 110 94 109	#6E5E6D
16.7%	16.7% #81657A	RGB 129 101 122	#81657A
33.3%	33.3% #956C87	RGB 149 108 135	#956C87
50.0%	50.0% #A87394	RGB 168 115 148	#A87394
66.7%	66.7% #BC7AA1	RGB 188 122 161	#BC7AA1
83.3%	83.3% #CF81AE	RGB 207 129 174	#CF81AE
100.0%	100.0% #E388BC	RGB 227 136 188	#E388BC

#6E5E6D #81657A #956C87 #A87394 #BC7AA1 #CF81AE #E388BC

#6E5E6D - #E388BC

HSV Blend

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

0.0%	0.0% #6E5E6D	RGB 110 94 109	#6E5E6D
16.7%	16.7% #81697E	RGB 129 105 126	#81697E
33.3%	33.3% #95728E	RGB 149 114 142	#95728E
50.0%	50.0% #A87A9D	RGB 168 122 157	#A87A9D
66.7%	66.7% #BC80A9	RGB 188 128 169	#BC80A9
83.3%	83.3% #CF85B4	RGB 207 133 180	#CF85B4
100.0%	100.0% #E388BC	RGB 227 136 188	#E388BC

#6E5E6D #81697E #95728E #A87A9D #BC80A9 #CF85B4 #E388BC

#6E5E6D - #A87A9D - #E388BC

CSS codes

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

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