#5E79AE - #C8CEC4 | 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 #5E79AE to #C8CEC4

#5E79AE #C8CEC4

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

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

0.0%	0.0% #5E79AE	RGB 94 121 174	#5E79AE
16.7%	16.7% #6F87B1	RGB 111 135 177	#6F87B1
33.3%	33.3% #8195B5	RGB 129 149 181	#8195B5
50.0%	50.0% #93A3B9	RGB 147 163 185	#93A3B9
66.7%	66.7% #A4B1BC	RGB 164 177 188	#A4B1BC
83.3%	83.3% #B6BFC0	RGB 182 191 192	#B6BFC0
100.0%	100.0% #C8CEC4	RGB 200 206 196	#C8CEC4

#5E79AE #6F87B1 #8195B5 #93A3B9 #A4B1BC #B6BFC0 #C8CEC4

#5E79AE - #C8CEC4

HSV Blend

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

0.0%	0.0% #5E79AE	RGB 94 121 174	#5E79AE
16.7%	16.7% #6D9CB3	RGB 109 156 179	#6D9CB3
33.3%	33.3% #7DB8B7	RGB 125 184 183	#7DB8B7
50.0%	50.0% #8DBEAC	RGB 141 190 172	#8DBEAC
66.7%	66.7% #9FC3A9	RGB 159 195 169	#9FC3A9
83.3%	83.3% #B2C8B1	RGB 178 200 177	#B2C8B1
100.0%	100.0% #C8CEC4	RGB 200 206 196	#C8CEC4

#5E79AE #6D9CB3 #7DB8B7 #8DBEAC #9FC3A9 #B2C8B1 #C8CEC4

#5E79AE - #8DBEAC - #C8CEC4

CSS codes

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

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