#94ABC6 - #2A3038 | 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 #94ABC6 to #2A3038

#94ABC6 #2A3038

Calculate the color between two colors, #94ABC6 and #2A3038. 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)

#94ABC6 - #2A3038 | 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 #94ABC6 as 0% and #2A3038 as 100%.

0.0%	0.0% #94ABC6	RGB 148 171 198	#94ABC6
16.7%	16.7% #8296AE	RGB 130 150 174	#8296AE
33.3%	33.3% #708296	RGB 112 130 150	#708296
50.0%	50.0% #5F6D7F	RGB 95 109 127	#5F6D7F
66.7%	66.7% #4D5967	RGB 77 89 103	#4D5967
83.3%	83.3% #3B444F	RGB 59 68 79	#3B444F
100.0%	100.0% #2A3038	RGB 42 48 56	#2A3038

#94ABC6 #8296AE #708296 #5F6D7F #4D5967 #3B444F #2A3038

#94ABC6 - #2A3038

HSV Blend

#94ABC6 - #2A3038 | 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 #94ABC6 as 0% and #2A3038 as 100%.

0.0%	0.0% #94ABC6	RGB 148 171 198	#94ABC6
16.7%	16.7% #8296AE	RGB 130 150 174	#8296AE
33.3%	33.3% #708196	RGB 112 129 150	#708196
50.0%	50.0% #5F6D7F	RGB 95 109 127	#5F6D7F
66.7%	66.7% #4D5867	RGB 77 88 103	#4D5867
83.3%	83.3% #3B444F	RGB 59 68 79	#3B444F
100.0%	100.0% #2A3038	RGB 42 48 56	#2A3038

#94ABC6 #8296AE #708196 #5F6D7F #4D5867 #3B444F #2A3038

#94ABC6 - #5F6D7F - #2A3038

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #94ABC6 0%, #5F6D7F 50%, #2A3038 100%);
    background: -webkit-linear-gradient(top, #94ABC6 0%, #5F6D7F 50%, #2A3038 100%);
    background: linear-gradient(to bottom, #94ABC6 0%, #5F6D7F 50%, #2A3038 100%);
}
</style>