#5FA6AA - #D1E5E6 | 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 #5FA6AA to #D1E5E6

#5FA6AA #D1E5E6

Calculate the color between two colors, #5FA6AA and #D1E5E6. 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)

#5FA6AA - #D1E5E6 | 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 #5FA6AA as 0% and #D1E5E6 as 100%.

0.0%	0.0% #5FA6AA	RGB 95 166 170	#5FA6AA
16.7%	16.7% #72B0B4	RGB 114 176 180	#72B0B4
33.3%	33.3% #85BBBE	RGB 133 187 190	#85BBBE
50.0%	50.0% #98C5C8	RGB 152 197 200	#98C5C8
66.7%	66.7% #ABD0D2	RGB 171 208 210	#ABD0D2
83.3%	83.3% #BEDADC	RGB 190 218 220	#BEDADC
100.0%	100.0% #D1E5E6	RGB 209 229 230	#D1E5E6

#5FA6AA #72B0B4 #85BBBE #98C5C8 #ABD0D2 #BEDADC #D1E5E6

#5FA6AA - #D1E5E6

HSV Blend

#5FA6AA - #D1E5E6 | 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 #5FA6AA as 0% and #D1E5E6 as 100%.

0.0%	0.0% #5FA6AA	RGB 95 166 170	#5FA6AA
16.7%	16.7% #6FB0B4	RGB 111 176 180	#6FB0B4
33.3%	33.3% #80BABE	RGB 128 186 190	#80BABE
50.0%	50.0% #92C5C8	RGB 146 197 200	#92C5C8
66.7%	66.7% #A6CFD2	RGB 166 207 210	#A6CFD2
83.3%	83.3% #BBDADC	RGB 187 218 220	#BBDADC
100.0%	100.0% #D1E5E6	RGB 209 229 230	#D1E5E6

#5FA6AA #6FB0B4 #80BABE #92C5C8 #A6CFD2 #BBDADC #D1E5E6

#5FA6AA - #92C5C8 - #D1E5E6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5FA6AA 0%, #92C5C8 50%, #D1E5E6 100%);
    background: -webkit-linear-gradient(top, #5FA6AA 0%, #92C5C8 50%, #D1E5E6 100%);
    background: linear-gradient(to bottom, #5FA6AA 0%, #92C5C8 50%, #D1E5E6 100%);
}
</style>