#5E8386 - #D1DADC | 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 #5E8386 to #D1DADC

#5E8386 #D1DADC

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

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

0.0%	0.0% #5E8386	RGB 94 131 134	#5E8386
16.7%	16.7% #719194	RGB 113 145 148	#719194
33.3%	33.3% #84A0A2	RGB 132 160 162	#84A0A2
50.0%	50.0% #97AEB1	RGB 151 174 177	#97AEB1
66.7%	66.7% #AABDBF	RGB 170 189 191	#AABDBF
83.3%	83.3% #BDCBCD	RGB 189 203 205	#BDCBCD
100.0%	100.0% #D1DADC	RGB 209 218 220	#D1DADC

#5E8386 #719194 #84A0A2 #97AEB1 #AABDBF #BDCBCD #D1DADC

#5E8386 - #D1DADC

HSV Blend

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

0.0%	0.0% #5E8386	RGB 94 131 134	#5E8386
16.7%	16.7% #6E9094	RGB 110 144 148	#6E9094
33.3%	33.3% #7F9EA2	RGB 127 158 162	#7F9EA2
50.0%	50.0% #92ADB1	RGB 146 173 177	#92ADB1
66.7%	66.7% #A5BBBF	RGB 165 187 191	#A5BBBF
83.3%	83.3% #BACACD	RGB 186 202 205	#BACACD
100.0%	100.0% #D1DADC	RGB 209 218 220	#D1DADC

#5E8386 #6E9094 #7F9EA2 #92ADB1 #A5BBBF #BACACD #D1DADC

#5E8386 - #92ADB1 - #D1DADC

CSS codes

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

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