#9FDBE4 - #F2E5DF | 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 #9FDBE4 to #F2E5DF

#9FDBE4 #F2E5DF

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

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

0.0%	0.0% #9FDBE4	RGB 159 219 228	#9FDBE4
16.7%	16.7% #ACDCE3	RGB 172 220 227	#ACDCE3
33.3%	33.3% #BADEE2	RGB 186 222 226	#BADEE2
50.0%	50.0% #C8E0E1	RGB 200 224 225	#C8E0E1
66.7%	66.7% #D6E1E0	RGB 214 225 224	#D6E1E0
83.3%	83.3% #E4E3DF	RGB 228 227 223	#E4E3DF
100.0%	100.0% #F2E5DF	RGB 242 229 223	#F2E5DF

#9FDBE4 #ACDCE3 #BADEE2 #C8E0E1 #D6E1E0 #E4E3DF #F2E5DF

#9FDBE4 - #F2E5DF

HSV Blend

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

0.0%	0.0% #9FDBE4	RGB 159 219 228	#9FDBE4
16.7%	16.7% #A9E6D1	RGB 169 230 209	#A9E6D1
33.3%	33.3% #B3E8BD	RGB 179 232 189	#B3E8BD
50.0%	50.0% #CAEBBE	RGB 202 235 190	#CAEBBE
66.7%	66.7% #E4EDC8	RGB 228 237 200	#E4EDC8
83.3%	83.3% #EFE9D3	RGB 239 233 211	#EFE9D3
100.0%	100.0% #F2E5DF	RGB 242 229 223	#F2E5DF

#9FDBE4 #A9E6D1 #B3E8BD #CAEBBE #E4EDC8 #EFE9D3 #F2E5DF

#9FDBE4 - #CAEBBE - #F2E5DF

CSS codes

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

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