#040510 - #00030F | 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 #040510 to #00030F

#040510 #00030F

Calculate the color between two colors, #040510 and #00030F. 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)

#040510 - #00030F | 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 #040510 as 0% and #00030F as 100%.

0.0%	0.0% #040510	RGB 4 5 16	#040510
16.7%	16.7% #03040F	RGB 3 4 15	#03040F
33.3%	33.3% #02040F	RGB 2 4 15	#02040F
50.0%	50.0% #02040F	RGB 2 4 15	#02040F
66.7%	66.7% #01030F	RGB 1 3 15	#01030F
83.3%	83.3% #00030F	RGB 0 3 15	#00030F
100.0%	100.0% #00030F	RGB 0 3 15	#00030F

#040510 #03040F #02040F #02040F #01030F #00030F #00030F

#040510 - #00030F

HSV Blend

#040510 - #00030F | 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 #040510 as 0% and #00030F as 100%.

0.0%	0.0% #040410	RGB 4 4 16	#040410
16.7%	16.7% #03040F	RGB 3 4 15	#03040F
33.3%	33.3% #02040F	RGB 2 4 15	#02040F
50.0%	50.0% #01030F	RGB 1 3 15	#01030F
66.7%	66.7% #01030F	RGB 1 3 15	#01030F
83.3%	83.3% #00030F	RGB 0 3 15	#00030F
100.0%	100.0% #00030F	RGB 0 3 15	#00030F

#040410 #03040F #02040F #01030F #01030F #00030F #00030F

#040510 - #01030F - #00030F

CSS codes

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

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