#6B5C5D - #E2808C | 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 #6B5C5D to #E2808C

#6B5C5D #E2808C

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

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

0.0%	0.0% #6B5C5D	RGB 107 92 93	#6B5C5D
16.7%	16.7% #7E6264	RGB 126 98 100	#7E6264
33.3%	33.3% #92686C	RGB 146 104 108	#92686C
50.0%	50.0% #A66E74	RGB 166 110 116	#A66E74
66.7%	66.7% #BA747C	RGB 186 116 124	#BA747C
83.3%	83.3% #CE7A84	RGB 206 122 132	#CE7A84
100.0%	100.0% #E2808C	RGB 226 128 140	#E2808C

#6B5C5D #7E6264 #92686C #A66E74 #BA747C #CE7A84 #E2808C

#6B5C5D - #E2808C

HSV Blend

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

0.0%	0.0% #6B5C5D	RGB 107 92 93	#6B5C5D
16.7%	16.7% #7E6668	RGB 126 102 104	#7E6668
33.3%	33.3% #926F72	RGB 146 111 114	#926F72
50.0%	50.0% #A6767B	RGB 166 118 123	#A6767B
66.7%	66.7% #BA7B82	RGB 186 123 130	#BA7B82
83.3%	83.3% #CE7E87	RGB 206 126 135	#CE7E87
100.0%	100.0% #E2808C	RGB 226 128 140	#E2808C

#6B5C5D #7E6668 #926F72 #A6767B #BA7B82 #CE7E87 #E2808C

#6B5C5D - #A6767B - #E2808C

CSS codes

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

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