#503D5E - #6F8BA5 | 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 #503D5E to #6F8BA5

#503D5E #6F8BA5

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

#503D5E - #6F8BA5 | 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 #503D5E as 0% and #6F8BA5 as 100%.

0.0%	0.0% #503D5E	RGB 80 61 94	#503D5E
16.7%	16.7% #554A69	RGB 85 74 105	#554A69
33.3%	33.3% #5A5775	RGB 90 87 117	#5A5775
50.0%	50.0% #5F6481	RGB 95 100 129	#5F6481
66.7%	66.7% #64718D	RGB 100 113 141	#64718D
83.3%	83.3% #697E99	RGB 105 126 153	#697E99
100.0%	100.0% #6F8BA5	RGB 111 139 165	#6F8BA5

#503D5E #554A69 #5A5775 #5F6481 #64718D #697E99 #6F8BA5

#503D5E - #6F8BA5

HSV Blend

#503D5E - #6F8BA5 | 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 #503D5E as 0% and #6F8BA5 as 100%.

0.0%	0.0% #503D5E	RGB 80 61 94	#503D5E
16.7%	16.7% #534569	RGB 83 69 105	#534569
33.3%	33.3% #554D75	RGB 85 77 117	#554D75
50.0%	50.0% #565581	RGB 86 85 129	#565581
66.7%	66.7% #5D658D	RGB 93 101 141	#5D658D
83.3%	83.3% #667799	RGB 102 119 153	#667799
100.0%	100.0% #6F8BA5	RGB 111 139 165	#6F8BA5

#503D5E #534569 #554D75 #565581 #5D658D #667799 #6F8BA5

#503D5E - #565581 - #6F8BA5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #503D5E 0%, #565581 50%, #6F8BA5 100%);
    background: -webkit-linear-gradient(top, #503D5E 0%, #565581 50%, #6F8BA5 100%);
    background: linear-gradient(to bottom, #503D5E 0%, #565581 50%, #6F8BA5 100%);
}
</style>