#251C31 - #65488A | 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 #251C31 to #65488A

#251C31 #65488A

Calculate the color between two colors, #251C31 and #65488A. 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)

#251C31 - #65488A | 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 #251C31 as 0% and #65488A as 100%.

0.0%	0.0% #251C31	RGB 37 28 49	#251C31
16.7%	16.7% #2F233F	RGB 47 35 63	#2F233F
33.3%	33.3% #3A2A4E	RGB 58 42 78	#3A2A4E
50.0%	50.0% #45325D	RGB 69 50 93	#45325D
66.7%	66.7% #4F396C	RGB 79 57 108	#4F396C
83.3%	83.3% #5A407B	RGB 90 64 123	#5A407B
100.0%	100.0% #65488A	RGB 101 72 138	#65488A

#251C31 #2F233F #3A2A4E #45325D #4F396C #5A407B #65488A

#251C31 - #65488A

HSV Blend

#251C31 - #65488A | 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 #251C31 as 0% and #65488A as 100%.

0.0%	0.0% #251C31	RGB 37 28 49	#251C31
16.7%	16.7% #2F233F	RGB 47 35 63	#2F233F
33.3%	33.3% #3A2B4E	RGB 58 43 78	#3A2B4E
50.0%	50.0% #45335D	RGB 69 51 93	#45335D
66.7%	66.7% #503A6C	RGB 80 58 108	#503A6C
83.3%	83.3% #5A417B	RGB 90 65 123	#5A417B
100.0%	100.0% #65488A	RGB 101 72 138	#65488A

#251C31 #2F233F #3A2B4E #45335D #503A6C #5A417B #65488A

#251C31 - #45335D - #65488A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #251C31 0%, #45335D 50%, #65488A 100%);
    background: -webkit-linear-gradient(top, #251C31 0%, #45335D 50%, #65488A 100%);
    background: linear-gradient(to bottom, #251C31 0%, #45335D 50%, #65488A 100%);
}
</style>