#232D3C - #666B6F | 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 #232D3C to #666B6F

#232D3C #666B6F

Calculate the color between two colors, #232D3C and #666B6F. 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)

#232D3C - #666B6F | 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 #232D3C as 0% and #666B6F as 100%.

0.0%	0.0% #232D3C	RGB 35 45 60	#232D3C
16.7%	16.7% #2E3744	RGB 46 55 68	#2E3744
33.3%	33.3% #39414D	RGB 57 65 77	#39414D
50.0%	50.0% #444C55	RGB 68 76 85	#444C55
66.7%	66.7% #4F565E	RGB 79 86 94	#4F565E
83.3%	83.3% #5A6066	RGB 90 96 102	#5A6066
100.0%	100.0% #666B6F	RGB 102 107 111	#666B6F

#232D3C #2E3744 #39414D #444C55 #4F565E #5A6066 #666B6F

#232D3C - #666B6F

HSV Blend

#232D3C - #666B6F | 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 #232D3C as 0% and #666B6F as 100%.

0.0%	0.0% #232C3C	RGB 35 44 60	#232C3C
16.7%	16.7% #2B3644	RGB 43 54 68	#2B3644
33.3%	33.3% #35404D	RGB 53 64 77	#35404D
50.0%	50.0% #404A55	RGB 64 74 85	#404A55
66.7%	66.7% #4B545E	RGB 75 84 94	#4B545E
83.3%	83.3% #585F66	RGB 88 95 102	#585F66
100.0%	100.0% #666B6F	RGB 102 107 111	#666B6F

#232C3C #2B3644 #35404D #404A55 #4B545E #585F66 #666B6F

#232D3C - #404A55 - #666B6F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #232C3C 0%, #404A55 50%, #666B6F 100%);
    background: -webkit-linear-gradient(top, #232C3C 0%, #404A55 50%, #666B6F 100%);
    background: linear-gradient(to bottom, #232C3C 0%, #404A55 50%, #666B6F 100%);
}
</style>