#262F3C - #6B6D6D | 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 #262F3C to #6B6D6D

#262F3C #6B6D6D

Calculate the color between two colors, #262F3C and #6B6D6D. 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)

#262F3C - #6B6D6D | 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 #262F3C as 0% and #6B6D6D as 100%.

0.0%	0.0% #262F3C	RGB 38 47 60	#262F3C
16.7%	16.7% #313944	RGB 49 57 68	#313944
33.3%	33.3% #3D434C	RGB 61 67 76	#3D434C
50.0%	50.0% #484E54	RGB 72 78 84	#484E54
66.7%	66.7% #54585C	RGB 84 88 92	#54585C
83.3%	83.3% #5F6264	RGB 95 98 100	#5F6264
100.0%	100.0% #6B6D6D	RGB 107 109 109	#6B6D6D

#262F3C #313944 #3D434C #484E54 #54585C #5F6264 #6B6D6D

#262F3C - #6B6D6D

HSV Blend

#262F3C - #6B6D6D | 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 #262F3C as 0% and #6B6D6D as 100%.

0.0%	0.0% #262F3C	RGB 38 47 60	#262F3C
16.7%	16.7% #2F3944	RGB 47 57 68	#2F3944
33.3%	33.3% #39444C	RGB 57 68 76	#39444C
50.0%	50.0% #444F54	RGB 68 79 84	#444F54
66.7%	66.7% #505A5C	RGB 80 90 92	#505A5C
83.3%	83.3% #5D6464	RGB 93 100 100	#5D6464
100.0%	100.0% #6B6D6D	RGB 107 109 109	#6B6D6D

#262F3C #2F3944 #39444C #444F54 #505A5C #5D6464 #6B6D6D

#262F3C - #444F54 - #6B6D6D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #262F3C 0%, #444F54 50%, #6B6D6D 100%);
    background: -webkit-linear-gradient(top, #262F3C 0%, #444F54 50%, #6B6D6D 100%);
    background: linear-gradient(to bottom, #262F3C 0%, #444F54 50%, #6B6D6D 100%);
}
</style>