#2D1036 - #8E434F | 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 #2D1036 to #8E434F

#2D1036 #8E434F

Calculate the color between two colors, #2D1036 and #8E434F. 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)

#2D1036 - #8E434F | 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 #2D1036 as 0% and #8E434F as 100%.

0.0%	0.0% #2D1036	RGB 45 16 54	#2D1036
16.7%	16.7% #3D183A	RGB 61 24 58	#3D183A
33.3%	33.3% #4D213E	RGB 77 33 62	#4D213E
50.0%	50.0% #5D2942	RGB 93 41 66	#5D2942
66.7%	66.7% #6D3246	RGB 109 50 70	#6D3246
83.3%	83.3% #7D3A4A	RGB 125 58 74	#7D3A4A
100.0%	100.0% #8E434F	RGB 142 67 79	#8E434F

#2D1036 #3D183A #4D213E #5D2942 #6D3246 #7D3A4A #8E434F

#2D1036 - #8E434F

HSV Blend

#2D1036 - #8E434F | 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 #2D1036 as 0% and #8E434F as 100%.

0.0%	0.0% #2D1036	RGB 45 16 54	#2D1036
16.7%	16.7% #421644	RGB 66 22 68	#421644
33.3%	33.3% #531D4C	RGB 83 29 76	#531D4C
50.0%	50.0% #62254F	RGB 98 37 79	#62254F
66.7%	66.7% #702E50	RGB 112 46 80	#702E50
83.3%	83.3% #7F3850	RGB 127 56 80	#7F3850
100.0%	100.0% #8E434F	RGB 142 67 79	#8E434F

#2D1036 #421644 #531D4C #62254F #702E50 #7F3850 #8E434F

#2D1036 - #62254F - #8E434F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D1036 0%, #62254F 50%, #8E434F 100%);
    background: -webkit-linear-gradient(top, #2D1036 0%, #62254F 50%, #8E434F 100%);
    background: linear-gradient(to bottom, #2D1036 0%, #62254F 50%, #8E434F 100%);
}
</style>