#9F98E7 - #FFDBE2 | 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 #9F98E7 to #FFDBE2

#9F98E7 #FFDBE2

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

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

0.0%	0.0% #9F98E7	RGB 159 152 231	#9F98E7
16.7%	16.7% #AFA3E6	RGB 175 163 230	#AFA3E6
33.3%	33.3% #BFAEE5	RGB 191 174 229	#BFAEE5
50.0%	50.0% #CFB9E4	RGB 207 185 228	#CFB9E4
66.7%	66.7% #DFC4E3	RGB 223 196 227	#DFC4E3
83.3%	83.3% #EFCFE2	RGB 239 207 226	#EFCFE2
100.0%	100.0% #FFDBE2	RGB 255 219 226	#FFDBE2

#9F98E7 #AFA3E6 #BFAEE5 #CFB9E4 #DFC4E3 #EFCFE2 #FFDBE2

#9F98E7 - #FFDBE2

HSV Blend

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

0.0%	0.0% #9E98E7	RGB 158 152 231	#9E98E7
16.7%	16.7% #BDA2EB	RGB 189 162 235	#BDA2EB
33.3%	33.3% #D8ADEF	RGB 216 173 239	#D8ADEF
50.0%	50.0% #EFB8F3	RGB 239 184 243	#EFB8F3
66.7%	66.7% #F7C3EB	RGB 247 195 235	#F7C3EB
83.3%	83.3% #FBCFE4	RGB 251 207 228	#FBCFE4
100.0%	100.0% #FFDBE2	RGB 255 219 226	#FFDBE2

#9E98E7 #BDA2EB #D8ADEF #EFB8F3 #F7C3EB #FBCFE4 #FFDBE2

#9F98E7 - #EFB8F3 - #FFDBE2

CSS codes

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

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