#7DB1ED - #295EB7 | 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 #7DB1ED to #295EB7

#7DB1ED #295EB7

Calculate the color between two colors, #7DB1ED and #295EB7. 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)

#7DB1ED - #295EB7 | 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 #7DB1ED as 0% and #295EB7 as 100%.

0.0%	0.0% #7DB1ED	RGB 125 177 237	#7DB1ED
16.7%	16.7% #6FA3E4	RGB 111 163 228	#6FA3E4
33.3%	33.3% #6195DB	RGB 97 149 219	#6195DB
50.0%	50.0% #5387D2	RGB 83 135 210	#5387D2
66.7%	66.7% #4579C9	RGB 69 121 201	#4579C9
83.3%	83.3% #376BC0	RGB 55 107 192	#376BC0
100.0%	100.0% #295EB7	RGB 41 94 183	#295EB7

#7DB1ED #6FA3E4 #6195DB #5387D2 #4579C9 #376BC0 #295EB7

#7DB1ED - #295EB7

HSV Blend

#7DB1ED - #295EB7 | 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 #7DB1ED as 0% and #295EB7 as 100%.

0.0%	0.0% #7DB1ED	RGB 125 177 237	#7DB1ED
16.7%	16.7% #6CA2E4	RGB 108 162 228	#6CA2E4
33.3%	33.3% #5D93DB	RGB 93 147 219	#5D93DB
50.0%	50.0% #4E85D2	RGB 78 133 210	#4E85D2
66.7%	66.7% #4178C9	RGB 65 120 201	#4178C9
83.3%	83.3% #346AC0	RGB 52 106 192	#346AC0
100.0%	100.0% #295EB7	RGB 41 94 183	#295EB7

#7DB1ED #6CA2E4 #5D93DB #4E85D2 #4178C9 #346AC0 #295EB7

#7DB1ED - #4E85D2 - #295EB7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7DB1ED 0%, #4E85D2 50%, #295EB7 100%);
    background: -webkit-linear-gradient(top, #7DB1ED 0%, #4E85D2 50%, #295EB7 100%);
    background: linear-gradient(to bottom, #7DB1ED 0%, #4E85D2 50%, #295EB7 100%);
}
</style>