#AFAFFF - #C2DBF4 | 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 #AFAFFF to #C2DBF4

#AFAFFF #C2DBF4

Calculate the color between two colors, #AFAFFF and #C2DBF4. 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)

#AFAFFF - #C2DBF4 | 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 #AFAFFF as 0% and #C2DBF4 as 100%.

0.0%	0.0% #AFAFFF	RGB 175 175 255	#AFAFFF
16.7%	16.7% #B2B6FD	RGB 178 182 253	#B2B6FD
33.3%	33.3% #B5BDFB	RGB 181 189 251	#B5BDFB
50.0%	50.0% #B8C5F9	RGB 184 197 249	#B8C5F9
66.7%	66.7% #BBCCF7	RGB 187 204 247	#BBCCF7
83.3%	83.3% #BED3F5	RGB 190 211 245	#BED3F5
100.0%	100.0% #C2DBF4	RGB 194 219 244	#C2DBF4

#AFAFFF #B2B6FD #B5BDFB #B8C5F9 #BBCCF7 #BED3F5 #C2DBF4

#AFAFFF - #C2DBF4

HSV Blend

#AFAFFF - #C2DBF4 | 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 #AFAFFF as 0% and #C2DBF4 as 100%.

0.0%	0.0% #AFAFFF	RGB 175 175 255	#AFAFFF
16.7%	16.7% #B2B8FD	RGB 178 184 253	#B2B8FD
33.3%	33.3% #B5C1FB	RGB 181 193 251	#B5C1FB
50.0%	50.0% #B8C8F9	RGB 184 200 249	#B8C8F9
66.7%	66.7% #BBCFF7	RGB 187 207 247	#BBCFF7
83.3%	83.3% #BED5F5	RGB 190 213 245	#BED5F5
100.0%	100.0% #C2DBF4	RGB 194 219 244	#C2DBF4

#AFAFFF #B2B8FD #B5C1FB #B8C8F9 #BBCFF7 #BED5F5 #C2DBF4

#AFAFFF - #B8C8F9 - #C2DBF4

CSS codes

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

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