#15152C - #38465C | 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 #15152C to #38465C

#15152C #38465C

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

#15152C - #38465C | 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 #15152C as 0% and #38465C as 100%.

0.0%	0.0% #15152C	RGB 21 21 44	#15152C
16.7%	16.7% #1A1D34	RGB 26 29 52	#1A1D34
33.3%	33.3% #20253C	RGB 32 37 60	#20253C
50.0%	50.0% #262D44	RGB 38 45 68	#262D44
66.7%	66.7% #2C354C	RGB 44 53 76	#2C354C
83.3%	83.3% #323D54	RGB 50 61 84	#323D54
100.0%	100.0% #38465C	RGB 56 70 92	#38465C

#15152C #1A1D34 #20253C #262D44 #2C354C #323D54 #38465C

#15152C - #38465C

HSV Blend

#15152C - #38465C | 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 #15152C as 0% and #38465C as 100%.

0.0%	0.0% #15152C	RGB 21 21 44	#15152C
16.7%	16.7% #191B34	RGB 25 27 52	#191B34
33.3%	33.3% #1F223C	RGB 31 34 60	#1F223C
50.0%	50.0% #242A44	RGB 36 42 68	#242A44
66.7%	66.7% #2A334C	RGB 42 51 76	#2A334C
83.3%	83.3% #313C54	RGB 49 60 84	#313C54
100.0%	100.0% #38465C	RGB 56 70 92	#38465C

#15152C #191B34 #1F223C #242A44 #2A334C #313C54 #38465C

#15152C - #242A44 - #38465C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #15152C 0%, #242A44 50%, #38465C 100%);
    background: -webkit-linear-gradient(top, #15152C 0%, #242A44 50%, #38465C 100%);
    background: linear-gradient(to bottom, #15152C 0%, #242A44 50%, #38465C 100%);
}
</style>