#251D3A - #6E4A8F | 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 #251D3A to #6E4A8F

#251D3A #6E4A8F

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

#251D3A - #6E4A8F | 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 #251D3A as 0% and #6E4A8F as 100%.

0.0%	0.0% #251D3A	RGB 37 29 58	#251D3A
16.7%	16.7% #312448	RGB 49 36 72	#312448
33.3%	33.3% #3D2C56	RGB 61 44 86	#3D2C56
50.0%	50.0% #493364	RGB 73 51 100	#493364
66.7%	66.7% #553B72	RGB 85 59 114	#553B72
83.3%	83.3% #614280	RGB 97 66 128	#614280
100.0%	100.0% #6E4A8F	RGB 110 74 143	#6E4A8F

#251D3A #312448 #3D2C56 #493364 #553B72 #614280 #6E4A8F

#251D3A - #6E4A8F

HSV Blend

#251D3A - #6E4A8F | 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 #251D3A as 0% and #6E4A8F as 100%.

0.0%	0.0% #251D3A	RGB 37 29 58	#251D3A
16.7%	16.7% #2F2448	RGB 47 36 72	#2F2448
33.3%	33.3% #3A2B56	RGB 58 43 86	#3A2B56
50.0%	50.0% #463364	RGB 70 51 100	#463364
66.7%	66.7% #533A72	RGB 83 58 114	#533A72
83.3%	83.3% #604280	RGB 96 66 128	#604280
100.0%	100.0% #6E4A8F	RGB 110 74 143	#6E4A8F

#251D3A #2F2448 #3A2B56 #463364 #533A72 #604280 #6E4A8F

#251D3A - #463364 - #6E4A8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #251D3A 0%, #463364 50%, #6E4A8F 100%);
    background: -webkit-linear-gradient(top, #251D3A 0%, #463364 50%, #6E4A8F 100%);
    background: linear-gradient(to bottom, #251D3A 0%, #463364 50%, #6E4A8F 100%);
}
</style>