#5E9BAF - #D3D4C4 | 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 #5E9BAF to #D3D4C4

#5E9BAF #D3D4C4

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

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

0.0%	0.0% #5E9BAF	RGB 94 155 175	#5E9BAF
16.7%	16.7% #71A4B2	RGB 113 164 178	#71A4B2
33.3%	33.3% #85AEB6	RGB 133 174 182	#85AEB6
50.0%	50.0% #98B7B9	RGB 152 183 185	#98B7B9
66.7%	66.7% #ACC1BD	RGB 172 193 189	#ACC1BD
83.3%	83.3% #BFCAC0	RGB 191 202 192	#BFCAC0
100.0%	100.0% #D3D4C4	RGB 211 212 196	#D3D4C4

#5E9BAF #71A4B2 #85AEB6 #98B7B9 #ACC1BD #BFCAC0 #D3D4C4

#5E9BAF - #D3D4C4

HSV Blend

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

0.0%	0.0% #5E9BAF	RGB 94 155 175	#5E9BAF
16.7%	16.7% #6DB5AC	RGB 109 181 172	#6DB5AC
33.3%	33.3% #7CBB9D	RGB 124 187 157	#7CBB9D
50.0%	50.0% #8DC195	RGB 141 193 149	#8DC195
66.7%	66.7% #A7C79E	RGB 167 199 158	#A7C79E
83.3%	83.3% #C1CDB1	RGB 193 205 177	#C1CDB1
100.0%	100.0% #D3D4C4	RGB 211 212 196	#D3D4C4

#5E9BAF #6DB5AC #7CBB9D #8DC195 #A7C79E #C1CDB1 #D3D4C4

#5E9BAF - #8DC195 - #D3D4C4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9BAF 0%, #8DC195 50%, #D3D4C4 100%);
    background: -webkit-linear-gradient(top, #5E9BAF 0%, #8DC195 50%, #D3D4C4 100%);
    background: linear-gradient(to bottom, #5E9BAF 0%, #8DC195 50%, #D3D4C4 100%);
}
</style>