#013918 - #B6C6BD | 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 #013918 to #B6C6BD

#013918 #B6C6BD

Calculate the color between two colors, #013918 and #B6C6BD. 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)

#013918 - #B6C6BD | 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 #013918 as 0% and #B6C6BD as 100%.

0.0%	0.0% #013918	RGB 1 57 24	#013918
16.7%	16.7% #1F5033	RGB 31 80 51	#1F5033
33.3%	33.3% #3D684F	RGB 61 104 79	#3D684F
50.0%	50.0% #5B7F6A	RGB 91 127 106	#5B7F6A
66.7%	66.7% #799786	RGB 121 151 134	#799786
83.3%	83.3% #97AEA1	RGB 151 174 161	#97AEA1
100.0%	100.0% #B6C6BD	RGB 182 198 189	#B6C6BD

#013918 #1F5033 #3D684F #5B7F6A #799786 #97AEA1 #B6C6BD

#013918 - #B6C6BD

HSV Blend

#013918 - #B6C6BD | 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 #013918 as 0% and #B6C6BD as 100%.

0.0%	0.0% #003917	RGB 0 57 23	#003917
16.7%	16.7% #0D5029	RGB 13 80 41	#0D5029
33.3%	33.3% #21683E	RGB 33 104 62	#21683E
50.0%	50.0% #3B7F58	RGB 59 127 88	#3B7F58
66.7%	66.7% #5D9776	RGB 93 151 118	#5D9776
83.3%	83.3% #86AE97	RGB 134 174 151	#86AE97
100.0%	100.0% #B6C6BD	RGB 182 198 189	#B6C6BD

#003917 #0D5029 #21683E #3B7F58 #5D9776 #86AE97 #B6C6BD

#013918 - #3B7F58 - #B6C6BD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #003917 0%, #3B7F58 50%, #B6C6BD 100%);
    background: -webkit-linear-gradient(top, #003917 0%, #3B7F58 50%, #B6C6BD 100%);
    background: linear-gradient(to bottom, #003917 0%, #3B7F58 50%, #B6C6BD 100%);
}
</style>