#85A0FF - #ACFFCB | 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 #85A0FF to #ACFFCB

#85A0FF #ACFFCB

Calculate the color between two colors, #85A0FF and #ACFFCB. 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)

#85A0FF - #ACFFCB | 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 #85A0FF as 0% and #ACFFCB as 100%.

0.0%	0.0% #85A0FF	RGB 133 160 255	#85A0FF
16.7%	16.7% #8BAFF6	RGB 139 175 246	#8BAFF6
33.3%	33.3% #92BFED	RGB 146 191 237	#92BFED
50.0%	50.0% #98CFE5	RGB 152 207 229	#98CFE5
66.7%	66.7% #9FDFDC	RGB 159 223 220	#9FDFDC
83.3%	83.3% #A5EFD3	RGB 165 239 211	#A5EFD3
100.0%	100.0% #ACFFCB	RGB 172 255 203	#ACFFCB

#85A0FF #8BAFF6 #92BFED #98CFE5 #9FDFDC #A5EFD3 #ACFFCB

#85A0FF - #ACFFCB

HSV Blend

#85A0FF - #ACFFCB | 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 #85A0FF as 0% and #ACFFCB as 100%.

0.0%	0.0% #85A0FF	RGB 133 160 255	#85A0FF
16.7%	16.7% #8BC0FF	RGB 139 192 255	#8BC0FF
33.3%	33.3% #92DDFF	RGB 146 221 255	#92DDFF
50.0%	50.0% #98F7FF	RGB 152 247 255	#98F7FF
66.7%	66.7% #9FFFEF	RGB 159 255 239	#9FFFEF
83.3%	83.3% #A5FFDB	RGB 165 255 219	#A5FFDB
100.0%	100.0% #ACFFCB	RGB 172 255 203	#ACFFCB

#85A0FF #8BC0FF #92DDFF #98F7FF #9FFFEF #A5FFDB #ACFFCB

#85A0FF - #98F7FF - #ACFFCB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #85A0FF 0%, #98F7FF 50%, #ACFFCB 100%);
    background: -webkit-linear-gradient(top, #85A0FF 0%, #98F7FF 50%, #ACFFCB 100%);
    background: linear-gradient(to bottom, #85A0FF 0%, #98F7FF 50%, #ACFFCB 100%);
}
</style>