#5E91A8 - #7CBBFC | 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 #5E91A8 to #7CBBFC

#5E91A8 #7CBBFC

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

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

0.0%	0.0% #5E91A8	RGB 94 145 168	#5E91A8
16.7%	16.7% #6398B6	RGB 99 152 182	#6398B6
33.3%	33.3% #689FC4	RGB 104 159 196	#689FC4
50.0%	50.0% #6DA6D2	RGB 109 166 210	#6DA6D2
66.7%	66.7% #72ADE0	RGB 114 173 224	#72ADE0
83.3%	83.3% #77B4EE	RGB 119 180 238	#77B4EE
100.0%	100.0% #7CBBFC	RGB 124 187 252	#7CBBFC

#5E91A8 #6398B6 #689FC4 #6DA6D2 #72ADE0 #77B4EE #7CBBFC

#5E91A8 - #7CBBFC

HSV Blend

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

0.0%	0.0% #5E91A8	RGB 94 145 168	#5E91A8
16.7%	16.7% #6399B6	RGB 99 153 182	#6399B6
33.3%	33.3% #69A1C4	RGB 105 161 196	#69A1C4
50.0%	50.0% #6EA9D2	RGB 110 169 210	#6EA9D2
66.7%	66.7% #73AFE0	RGB 115 175 224	#73AFE0
83.3%	83.3% #77B5EE	RGB 119 181 238	#77B5EE
100.0%	100.0% #7CBBFC	RGB 124 187 252	#7CBBFC

#5E91A8 #6399B6 #69A1C4 #6EA9D2 #73AFE0 #77B5EE #7CBBFC

#5E91A8 - #6EA9D2 - #7CBBFC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E91A8 0%, #6EA9D2 50%, #7CBBFC 100%);
    background: -webkit-linear-gradient(top, #5E91A8 0%, #6EA9D2 50%, #7CBBFC 100%);
    background: linear-gradient(to bottom, #5E91A8 0%, #6EA9D2 50%, #7CBBFC 100%);
}
</style>