#E68B9C - #41272B | 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 #E68B9C to #41272B

#E68B9C #41272B

Calculate the color between two colors, #E68B9C and #41272B. 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)

#E68B9C - #41272B | 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 #E68B9C as 0% and #41272B as 100%.

0.0%	0.0% #E68B9C	RGB 230 139 156	#E68B9C
16.7%	16.7% #CA7A89	RGB 202 122 137	#CA7A89
33.3%	33.3% #AF6976	RGB 175 105 118	#AF6976
50.0%	50.0% #935963	RGB 147 89 99	#935963
66.7%	66.7% #784850	RGB 120 72 80	#784850
83.3%	83.3% #5C373D	RGB 92 55 61	#5C373D
100.0%	100.0% #41272B	RGB 65 39 43	#41272B

#E68B9C #CA7A89 #AF6976 #935963 #784850 #5C373D #41272B

#E68B9C - #41272B

HSV Blend

#E68B9C - #41272B | 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 #E68B9C as 0% and #41272B as 100%.

0.0%	0.0% #E68B9B	RGB 230 139 155	#E68B9B
16.7%	16.7% #CA7A88	RGB 202 122 136	#CA7A88
33.3%	33.3% #AF6975	RGB 175 105 117	#AF6975
50.0%	50.0% #935862	RGB 147 88 98	#935862
66.7%	66.7% #784850	RGB 120 72 80	#784850
83.3%	83.3% #5C373D	RGB 92 55 61	#5C373D
100.0%	100.0% #41272B	RGB 65 39 43	#41272B

#E68B9B #CA7A88 #AF6975 #935862 #784850 #5C373D #41272B

#E68B9C - #935862 - #41272B

CSS codes

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

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