#1C2831 - #BEC2C4 | 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 #1C2831 to #BEC2C4

#1C2831 #BEC2C4

Calculate the color between two colors, #1C2831 and #BEC2C4. 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)

#1C2831 - #BEC2C4 | 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 #1C2831 as 0% and #BEC2C4 as 100%.

0.0%	0.0% #1C2831	RGB 28 40 49	#1C2831
16.7%	16.7% #374149	RGB 55 65 73	#374149
33.3%	33.3% #525B62	RGB 82 91 98	#525B62
50.0%	50.0% #6D757A	RGB 109 117 122	#6D757A
66.7%	66.7% #888E93	RGB 136 142 147	#888E93
83.3%	83.3% #A3A8AB	RGB 163 168 171	#A3A8AB
100.0%	100.0% #BEC2C4	RGB 190 194 196	#BEC2C4

#1C2831 #374149 #525B62 #6D757A #888E93 #A3A8AB #BEC2C4

#1C2831 - #BEC2C4

HSV Blend

#1C2831 - #BEC2C4 | 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 #1C2831 as 0% and #BEC2C4 as 100%.

0.0%	0.0% #1C2831	RGB 28 40 49	#1C2831
16.7%	16.7% #2E3E49	RGB 46 62 73	#2E3E49
33.3%	33.3% #455662	RGB 69 86 98	#455662
50.0%	50.0% #5E6F7A	RGB 94 111 122	#5E6F7A
66.7%	66.7% #7B8A93	RGB 123 138 147	#7B8A93
83.3%	83.3% #9AA5AB	RGB 154 165 171	#9AA5AB
100.0%	100.0% #BEC2C4	RGB 190 194 196	#BEC2C4

#1C2831 #2E3E49 #455662 #5E6F7A #7B8A93 #9AA5AB #BEC2C4

#1C2831 - #5E6F7A - #BEC2C4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1C2831 0%, #5E6F7A 50%, #BEC2C4 100%);
    background: -webkit-linear-gradient(top, #1C2831 0%, #5E6F7A 50%, #BEC2C4 100%);
    background: linear-gradient(to bottom, #1C2831 0%, #5E6F7A 50%, #BEC2C4 100%);
}
</style>