#94ABC6 - #415B82 | 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 #415B82

#94ABC6 #415B82

Calculate the color between two colors, #94ABC6 and #415B82. 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 - #415B82 | 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 #415B82 as 100%.

0.0%	0.0% #94ABC6	RGB 148 171 198	#94ABC6
16.7%	16.7% #869DBA	RGB 134 157 186	#869DBA
33.3%	33.3% #7890AF	RGB 120 144 175	#7890AF
50.0%	50.0% #6A83A4	RGB 106 131 164	#6A83A4
66.7%	66.7% #5C7598	RGB 92 117 152	#5C7598
83.3%	83.3% #4E688D	RGB 78 104 141	#4E688D
100.0%	100.0% #415B82	RGB 65 91 130	#415B82

#94ABC6 #869DBA #7890AF #6A83A4 #5C7598 #4E688D #415B82

#94ABC6 - #415B82

HSV Blend

#94ABC6 - #415B82 | 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 #415B82 as 100%.

0.0%	0.0% #94ABC6	RGB 148 171 198	#94ABC6
16.7%	16.7% #839CBA	RGB 131 156 186	#839CBA
33.3%	33.3% #748EAF	RGB 116 142 175	#748EAF
50.0%	50.0% #6680A4	RGB 102 128 164	#6680A4
66.7%	66.7% #587398	RGB 88 115 152	#587398
83.3%	83.3% #4C678D	RGB 76 103 141	#4C678D
100.0%	100.0% #415B82	RGB 65 91 130	#415B82

#94ABC6 #839CBA #748EAF #6680A4 #587398 #4C678D #415B82

#94ABC6 - #6680A4 - #415B82

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #94ABC6 0%, #6680A4 50%, #415B82 100%);
    background: -webkit-linear-gradient(top, #94ABC6 0%, #6680A4 50%, #415B82 100%);
    background: linear-gradient(to bottom, #94ABC6 0%, #6680A4 50%, #415B82 100%);
}
</style>