#2D2330 - #86528C | 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 #2D2330 to #86528C

#2D2330 #86528C

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

#2D2330 - #86528C | 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 #2D2330 as 0% and #86528C as 100%.

0.0%	0.0% #2D2330	RGB 45 35 48	#2D2330
16.7%	16.7% #3B2A3F	RGB 59 42 63	#3B2A3F
33.3%	33.3% #4A324E	RGB 74 50 78	#4A324E
50.0%	50.0% #593A5E	RGB 89 58 94	#593A5E
66.7%	66.7% #68426D	RGB 104 66 109	#68426D
83.3%	83.3% #774A7C	RGB 119 74 124	#774A7C
100.0%	100.0% #86528C	RGB 134 82 140	#86528C

#2D2330 #3B2A3F #4A324E #593A5E #68426D #774A7C #86528C

#2D2330 - #86528C

HSV Blend

#2D2330 - #86528C | 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 #2D2330 as 0% and #86528C as 100%.

0.0%	0.0% #2D2330	RGB 45 35 48	#2D2330
16.7%	16.7% #3B2C3F	RGB 59 44 63	#3B2C3F
33.3%	33.3% #49354E	RGB 73 53 78	#49354E
50.0%	50.0% #583D5E	RGB 88 61 94	#583D5E
66.7%	66.7% #67456D	RGB 103 69 109	#67456D
83.3%	83.3% #764B7C	RGB 118 75 124	#764B7C
100.0%	100.0% #86528C	RGB 134 82 140	#86528C

#2D2330 #3B2C3F #49354E #583D5E #67456D #764B7C #86528C

#2D2330 - #583D5E - #86528C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D2330 0%, #583D5E 50%, #86528C 100%);
    background: -webkit-linear-gradient(top, #2D2330 0%, #583D5E 50%, #86528C 100%);
    background: linear-gradient(to bottom, #2D2330 0%, #583D5E 50%, #86528C 100%);
}
</style>