#ECEDFD - #92AFCE | 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 #ECEDFD to #92AFCE

#ECEDFD #92AFCE

Calculate the color between two colors, #ECEDFD and #92AFCE. 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)

#ECEDFD - #92AFCE | 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 #ECEDFD as 0% and #92AFCE as 100%.

0.0%	0.0% #ECEDFD	RGB 236 237 253	#ECEDFD
16.7%	16.7% #DDE2F5	RGB 221 226 245	#DDE2F5
33.3%	33.3% #CED8ED	RGB 206 216 237	#CED8ED
50.0%	50.0% #BFCEE5	RGB 191 206 229	#BFCEE5
66.7%	66.7% #B0C3DD	RGB 176 195 221	#B0C3DD
83.3%	83.3% #A1B9D5	RGB 161 185 213	#A1B9D5
100.0%	100.0% #92AFCE	RGB 146 175 206	#92AFCE

#ECEDFD #DDE2F5 #CED8ED #BFCEE5 #B0C3DD #A1B9D5 #92AFCE

#ECEDFD - #92AFCE

HSV Blend

#ECEDFD - #92AFCE | 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 #ECEDFD as 0% and #92AFCE as 100%.

0.0%	0.0% #ECEDFD	RGB 236 237 253	#ECEDFD
16.7%	16.7% #DBDEF5	RGB 219 222 245	#DBDEF5
33.3%	33.3% #CBD2ED	RGB 203 210 237	#CBD2ED
50.0%	50.0% #BCC7E5	RGB 188 199 229	#BCC7E5
66.7%	66.7% #ADBEDD	RGB 173 190 221	#ADBEDD
83.3%	83.3% #9FB5D5	RGB 159 181 213	#9FB5D5
100.0%	100.0% #92AFCE	RGB 146 175 206	#92AFCE

#ECEDFD #DBDEF5 #CBD2ED #BCC7E5 #ADBEDD #9FB5D5 #92AFCE

#ECEDFD - #BCC7E5 - #92AFCE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ECEDFD 0%, #BCC7E5 50%, #92AFCE 100%);
    background: -webkit-linear-gradient(top, #ECEDFD 0%, #BCC7E5 50%, #92AFCE 100%);
    background: linear-gradient(to bottom, #ECEDFD 0%, #BCC7E5 50%, #92AFCE 100%);
}
</style>