#DBE2EE - #7192C5 | 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 #DBE2EE to #7192C5

#DBE2EE #7192C5

Calculate the color between two colors, #DBE2EE and #7192C5. 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)

#DBE2EE - #7192C5 | 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 #DBE2EE as 0% and #7192C5 as 100%.

0.0%	0.0% #DBE2EE	RGB 219 226 238	#DBE2EE
16.7%	16.7% #C9D4E7	RGB 201 212 231	#C9D4E7
33.3%	33.3% #B7C7E0	RGB 183 199 224	#B7C7E0
50.0%	50.0% #A6BAD9	RGB 166 186 217	#A6BAD9
66.7%	66.7% #94ACD2	RGB 148 172 210	#94ACD2
83.3%	83.3% #829FCB	RGB 130 159 203	#829FCB
100.0%	100.0% #7192C5	RGB 113 146 197	#7192C5

#DBE2EE #C9D4E7 #B7C7E0 #A6BAD9 #94ACD2 #829FCB #7192C5

#DBE2EE - #7192C5

HSV Blend

#DBE2EE - #7192C5 | 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 #DBE2EE as 0% and #7192C5 as 100%.

0.0%	0.0% #DBE2EE	RGB 219 226 238	#DBE2EE
16.7%	16.7% #C7D3E7	RGB 199 211 231	#C7D3E7
33.3%	33.3% #B4C5E0	RGB 180 197 224	#B4C5E0
50.0%	50.0% #A2B7D9	RGB 162 183 217	#A2B7D9
66.7%	66.7% #91AAD2	RGB 145 170 210	#91AAD2
83.3%	83.3% #809DCB	RGB 128 157 203	#809DCB
100.0%	100.0% #7192C5	RGB 113 146 197	#7192C5

#DBE2EE #C7D3E7 #B4C5E0 #A2B7D9 #91AAD2 #809DCB #7192C5

#DBE2EE - #A2B7D9 - #7192C5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBE2EE 0%, #A2B7D9 50%, #7192C5 100%);
    background: -webkit-linear-gradient(top, #DBE2EE 0%, #A2B7D9 50%, #7192C5 100%);
    background: linear-gradient(to bottom, #DBE2EE 0%, #A2B7D9 50%, #7192C5 100%);
}
</style>