#5E94AC - #D1DFE7 | 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 #5E94AC to #D1DFE7

#5E94AC #D1DFE7

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

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

0.0%	0.0% #5E94AC	RGB 94 148 172	#5E94AC
16.7%	16.7% #71A0B5	RGB 113 160 181	#71A0B5
33.3%	33.3% #84ADBF	RGB 132 173 191	#84ADBF
50.0%	50.0% #97B9C9	RGB 151 185 201	#97B9C9
66.7%	66.7% #AAC6D3	RGB 170 198 211	#AAC6D3
83.3%	83.3% #BDD2DD	RGB 189 210 221	#BDD2DD
100.0%	100.0% #D1DFE7	RGB 209 223 231	#D1DFE7

#5E94AC #71A0B5 #84ADBF #97B9C9 #AAC6D3 #BDD2DD #D1DFE7

#5E94AC - #D1DFE7

HSV Blend

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

0.0%	0.0% #5E94AC	RGB 94 148 172	#5E94AC
16.7%	16.7% #6E9FB5	RGB 110 159 181	#6E9FB5
33.3%	33.3% #7FAABF	RGB 127 170 191	#7FAABF
50.0%	50.0% #92B6C9	RGB 146 182 201	#92B6C9
66.7%	66.7% #A5C3D3	RGB 165 195 211	#A5C3D3
83.3%	83.3% #BAD1DD	RGB 186 209 221	#BAD1DD
100.0%	100.0% #D1DFE7	RGB 209 223 231	#D1DFE7

#5E94AC #6E9FB5 #7FAABF #92B6C9 #A5C3D3 #BAD1DD #D1DFE7

#5E94AC - #92B6C9 - #D1DFE7

CSS codes

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

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