#74BCC0 - #326E7E | 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 #74BCC0 to #326E7E

#74BCC0 #326E7E

Calculate the color between two colors, #74BCC0 and #326E7E. 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)

#74BCC0 - #326E7E | 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 #74BCC0 as 0% and #326E7E as 100%.

0.0%	0.0% #74BCC0	RGB 116 188 192	#74BCC0
16.7%	16.7% #69AFB5	RGB 105 175 181	#69AFB5
33.3%	33.3% #5EA2AA	RGB 94 162 170	#5EA2AA
50.0%	50.0% #53959F	RGB 83 149 159	#53959F
66.7%	66.7% #488894	RGB 72 136 148	#488894
83.3%	83.3% #3D7B89	RGB 61 123 137	#3D7B89
100.0%	100.0% #326E7E	RGB 50 110 126	#326E7E

#74BCC0 #69AFB5 #5EA2AA #53959F #488894 #3D7B89 #326E7E

#74BCC0 - #326E7E

HSV Blend

#74BCC0 - #326E7E | 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 #74BCC0 as 0% and #326E7E as 100%.

0.0%	0.0% #74BCC0	RGB 116 188 192	#74BCC0
16.7%	16.7% #67AEB5	RGB 103 174 181	#67AEB5
33.3%	33.3% #5AA1AA	RGB 90 161 170	#5AA1AA
50.0%	50.0% #4F949F	RGB 79 148 159	#4F949F
66.7%	66.7% #448794	RGB 68 135 148	#448794
83.3%	83.3% #3B7A89	RGB 59 122 137	#3B7A89
100.0%	100.0% #326E7E	RGB 50 110 126	#326E7E

#74BCC0 #67AEB5 #5AA1AA #4F949F #448794 #3B7A89 #326E7E

#74BCC0 - #4F949F - #326E7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #74BCC0 0%, #4F949F 50%, #326E7E 100%);
    background: -webkit-linear-gradient(top, #74BCC0 0%, #4F949F 50%, #326E7E 100%);
    background: linear-gradient(to bottom, #74BCC0 0%, #4F949F 50%, #326E7E 100%);
}
</style>