#261439 - #6D3E85 | 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 #261439 to #6D3E85

#261439 #6D3E85

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

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

0.0%	0.0% #261439	RGB 38 20 57	#261439
16.7%	16.7% #311B45	RGB 49 27 69	#311B45
33.3%	33.3% #3D2252	RGB 61 34 82	#3D2252
50.0%	50.0% #49295F	RGB 73 41 95	#49295F
66.7%	66.7% #55306B	RGB 85 48 107	#55306B
83.3%	83.3% #613778	RGB 97 55 120	#613778
100.0%	100.0% #6D3E85	RGB 109 62 133	#6D3E85

#261439 #311B45 #3D2252 #49295F #55306B #613778 #6D3E85

#261439 - #6D3E85

HSV Blend

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

0.0%	0.0% #251439	RGB 37 20 57	#251439
16.7%	16.7% #301945	RGB 48 25 69	#301945
33.3%	33.3% #3B2052	RGB 59 32 82	#3B2052
50.0%	50.0% #47265F	RGB 71 38 95	#47265F
66.7%	66.7% #532E6B	RGB 83 46 107	#532E6B
83.3%	83.3% #5F3578	RGB 95 53 120	#5F3578
100.0%	100.0% #6D3E85	RGB 109 62 133	#6D3E85

#251439 #301945 #3B2052 #47265F #532E6B #5F3578 #6D3E85

#261439 - #47265F - #6D3E85

CSS codes

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

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