#13262B - #BBC1C2 | 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 #13262B to #BBC1C2

#13262B #BBC1C2

Calculate the color between two colors, #13262B and #BBC1C2. 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)

#13262B - #BBC1C2 | 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 #13262B as 0% and #BBC1C2 as 100%.

0.0%	0.0% #13262B	RGB 19 38 43	#13262B
16.7%	16.7% #2F3F44	RGB 47 63 68	#2F3F44
33.3%	33.3% #4B595D	RGB 75 89 93	#4B595D
50.0%	50.0% #677376	RGB 103 115 118	#677376
66.7%	66.7% #838D8F	RGB 131 141 143	#838D8F
83.3%	83.3% #9FA7A8	RGB 159 167 168	#9FA7A8
100.0%	100.0% #BBC1C2	RGB 187 193 194	#BBC1C2

#13262B #2F3F44 #4B595D #677376 #838D8F #9FA7A8 #BBC1C2

#13262B - #BBC1C2

HSV Blend

#13262B - #BBC1C2 | 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 #13262B as 0% and #BBC1C2 as 100%.

0.0%	0.0% #13262B	RGB 19 38 43	#13262B
16.7%	16.7% #243D44	RGB 36 61 68	#243D44
33.3%	33.3% #39565D	RGB 57 86 93	#39565D
50.0%	50.0% #537076	RGB 83 112 118	#537076
66.7%	66.7% #718A8F	RGB 113 138 143	#718A8F
83.3%	83.3% #94A5A8	RGB 148 165 168	#94A5A8
100.0%	100.0% #BBC1C2	RGB 187 193 194	#BBC1C2

#13262B #243D44 #39565D #537076 #718A8F #94A5A8 #BBC1C2

#13262B - #537076 - #BBC1C2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #13262B 0%, #537076 50%, #BBC1C2 100%);
    background: -webkit-linear-gradient(top, #13262B 0%, #537076 50%, #BBC1C2 100%);
    background: linear-gradient(to bottom, #13262B 0%, #537076 50%, #BBC1C2 100%);
}
</style>