#9FD6B8 - #DDD1FF | 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 #9FD6B8 to #DDD1FF

#9FD6B8 #DDD1FF

Calculate the color between two colors, #9FD6B8 and #DDD1FF. 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)

#9FD6B8 - #DDD1FF | 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 #9FD6B8 as 0% and #DDD1FF as 100%.

0.0%	0.0% #9FD6B8	RGB 159 214 184	#9FD6B8
16.7%	16.7% #A9D5C3	RGB 169 213 195	#A9D5C3
33.3%	33.3% #B3D4CF	RGB 179 212 207	#B3D4CF
50.0%	50.0% #BED3DB	RGB 190 211 219	#BED3DB
66.7%	66.7% #C8D2E7	RGB 200 210 231	#C8D2E7
83.3%	83.3% #D2D1F3	RGB 210 209 243	#D2D1F3
100.0%	100.0% #DDD1FF	RGB 221 209 255	#DDD1FF

#9FD6B8 #A9D5C3 #B3D4CF #BED3DB #C8D2E7 #D2D1F3 #DDD1FF

#9FD6B8 - #DDD1FF

HSV Blend

#9FD6B8 - #DDD1FF | 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 #9FD6B8 as 0% and #DDD1FF as 100%.

0.0%	0.0% #9FD6B8	RGB 159 214 184	#9FD6B8
16.7%	16.7% #A6DCCF	RGB 166 220 207	#A6DCCF
33.3%	33.3% #AEE0E3	RGB 174 224 227	#AEE0E3
50.0%	50.0% #B7D8EA	RGB 183 216 234	#B7D8EA
66.7%	66.7% #BFD0F1	RGB 191 208 241	#BFD0F1
83.3%	83.3% #C8CAF8	RGB 200 202 248	#C8CAF8
100.0%	100.0% #DDD1FF	RGB 221 209 255	#DDD1FF

#9FD6B8 #A6DCCF #AEE0E3 #B7D8EA #BFD0F1 #C8CAF8 #DDD1FF

#9FD6B8 - #B7D8EA - #DDD1FF

CSS codes

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

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