#ADCFD3 - #313B3C | 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 #ADCFD3 to #313B3C

#ADCFD3 #313B3C

Calculate the color between two colors, #ADCFD3 and #313B3C. 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)

#ADCFD3 - #313B3C | 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 #ADCFD3 as 0% and #313B3C as 100%.

0.0%	0.0% #ADCFD3	RGB 173 207 211	#ADCFD3
16.7%	16.7% #98B6B9	RGB 152 182 185	#98B6B9
33.3%	33.3% #839DA0	RGB 131 157 160	#839DA0
50.0%	50.0% #6F8587	RGB 111 133 135	#6F8587
66.7%	66.7% #5A6C6E	RGB 90 108 110	#5A6C6E
83.3%	83.3% #455355	RGB 69 83 85	#455355
100.0%	100.0% #313B3C	RGB 49 59 60	#313B3C

#ADCFD3 #98B6B9 #839DA0 #6F8587 #5A6C6E #455355 #313B3C

#ADCFD3 - #313B3C

HSV Blend

#ADCFD3 - #313B3C | 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 #ADCFD3 as 0% and #313B3C as 100%.

0.0%	0.0% #ADCFD3	RGB 173 207 211	#ADCFD3
16.7%	16.7% #98B6B9	RGB 152 182 185	#98B6B9
33.3%	33.3% #839DA0	RGB 131 157 160	#839DA0
50.0%	50.0% #6E8587	RGB 110 133 135	#6E8587
66.7%	66.7% #5A6C6E	RGB 90 108 110	#5A6C6E
83.3%	83.3% #455355	RGB 69 83 85	#455355
100.0%	100.0% #313B3C	RGB 49 59 60	#313B3C

#ADCFD3 #98B6B9 #839DA0 #6E8587 #5A6C6E #455355 #313B3C

#ADCFD3 - #6E8587 - #313B3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADCFD3 0%, #6E8587 50%, #313B3C 100%);
    background: -webkit-linear-gradient(top, #ADCFD3 0%, #6E8587 50%, #313B3C 100%);
    background: linear-gradient(to bottom, #ADCFD3 0%, #6E8587 50%, #313B3C 100%);
}
</style>