#92ACFF - #DFE6FF | 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 #92ACFF to #DFE6FF

#92ACFF #DFE6FF

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

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

0.0%	0.0% #92ACFF	RGB 146 172 255	#92ACFF
16.7%	16.7% #9EB5FF	RGB 158 181 255	#9EB5FF
33.3%	33.3% #ABBFFF	RGB 171 191 255	#ABBFFF
50.0%	50.0% #B8C9FF	RGB 184 201 255	#B8C9FF
66.7%	66.7% #C5D2FF	RGB 197 210 255	#C5D2FF
83.3%	83.3% #D2DCFF	RGB 210 220 255	#D2DCFF
100.0%	100.0% #DFE6FF	RGB 223 230 255	#DFE6FF

#92ACFF #9EB5FF #ABBFFF #B8C9FF #C5D2FF #D2DCFF #DFE6FF

#92ACFF - #DFE6FF

HSV Blend

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

0.0%	0.0% #92ABFF	RGB 146 171 255	#92ABFF
16.7%	16.7% #9EB5FF	RGB 158 181 255	#9EB5FF
33.3%	33.3% #ABBEFF	RGB 171 190 255	#ABBEFF
50.0%	50.0% #B8C8FF	RGB 184 200 255	#B8C8FF
66.7%	66.7% #C5D2FF	RGB 197 210 255	#C5D2FF
83.3%	83.3% #D2DCFF	RGB 210 220 255	#D2DCFF
100.0%	100.0% #DFE6FF	RGB 223 230 255	#DFE6FF

#92ABFF #9EB5FF #ABBEFF #B8C8FF #C5D2FF #D2DCFF #DFE6FF

#92ACFF - #B8C8FF - #DFE6FF

CSS codes

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

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