#ABDCDB - #303B3E | 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 #ABDCDB to #303B3E

#ABDCDB #303B3E

Calculate the color between two colors, #ABDCDB and #303B3E. 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)

#ABDCDB - #303B3E | 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 #ABDCDB as 0% and #303B3E as 100%.

0.0%	0.0% #ABDCDB	RGB 171 220 219	#ABDCDB
16.7%	16.7% #96C1C0	RGB 150 193 192	#96C1C0
33.3%	33.3% #82A6A6	RGB 130 166 166	#82A6A6
50.0%	50.0% #6D8B8C	RGB 109 139 140	#6D8B8C
66.7%	66.7% #597072	RGB 89 112 114	#597072
83.3%	83.3% #445558	RGB 68 85 88	#445558
100.0%	100.0% #303B3E	RGB 48 59 62	#303B3E

#ABDCDB #96C1C0 #82A6A6 #6D8B8C #597072 #445558 #303B3E

#ABDCDB - #303B3E

HSV Blend

#ABDCDB - #303B3E | 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 #ABDCDB as 0% and #303B3E as 100%.

0.0%	0.0% #ABDCDB	RGB 171 220 219	#ABDCDB
16.7%	16.7% #96C0C1	RGB 150 192 193	#96C0C1
33.3%	33.3% #81A5A7	RGB 129 165 167	#81A5A7
50.0%	50.0% #6D898D	RGB 109 137 141	#6D898D
66.7%	66.7% #586F72	RGB 88 111 114	#586F72
83.3%	83.3% #445458	RGB 68 84 88	#445458
100.0%	100.0% #303B3E	RGB 48 59 62	#303B3E

#ABDCDB #96C0C1 #81A5A7 #6D898D #586F72 #445458 #303B3E

#ABDCDB - #6D898D - #303B3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABDCDB 0%, #6D898D 50%, #303B3E 100%);
    background: -webkit-linear-gradient(top, #ABDCDB 0%, #6D898D 50%, #303B3E 100%);
    background: linear-gradient(to bottom, #ABDCDB 0%, #6D898D 50%, #303B3E 100%);
}
</style>