#2D183C - #7E428C | 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 #2D183C to #7E428C

#2D183C #7E428C

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

#2D183C - #7E428C | 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 #2D183C as 0% and #7E428C as 100%.

0.0%	0.0% #2D183C	RGB 45 24 60	#2D183C
16.7%	16.7% #3A1F49	RGB 58 31 73	#3A1F49
33.3%	33.3% #482656	RGB 72 38 86	#482656
50.0%	50.0% #552D64	RGB 85 45 100	#552D64
66.7%	66.7% #633471	RGB 99 52 113	#633471
83.3%	83.3% #703B7E	RGB 112 59 126	#703B7E
100.0%	100.0% #7E428C	RGB 126 66 140	#7E428C

#2D183C #3A1F49 #482656 #552D64 #633471 #703B7E #7E428C

#2D183C - #7E428C

HSV Blend

#2D183C - #7E428C | 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 #2D183C as 0% and #7E428C as 100%.

0.0%	0.0% #2D183C	RGB 45 24 60	#2D183C
16.7%	16.7% #381E49	RGB 56 30 73	#381E49
33.3%	33.3% #452456	RGB 69 36 86	#452456
50.0%	50.0% #522B64	RGB 82 43 100	#522B64
66.7%	66.7% #603271	RGB 96 50 113	#603271
83.3%	83.3% #6F3A7E	RGB 111 58 126	#6F3A7E
100.0%	100.0% #7E428C	RGB 126 66 140	#7E428C

#2D183C #381E49 #452456 #522B64 #603271 #6F3A7E #7E428C

#2D183C - #522B64 - #7E428C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D183C 0%, #522B64 50%, #7E428C 100%);
    background: -webkit-linear-gradient(top, #2D183C 0%, #522B64 50%, #7E428C 100%);
    background: linear-gradient(to bottom, #2D183C 0%, #522B64 50%, #7E428C 100%);
}
</style>