#95D5E4 - #EEE4DD | 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 #95D5E4 to #EEE4DD

#95D5E4 #EEE4DD

Calculate the color between two colors, #95D5E4 and #EEE4DD. 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)

#95D5E4 - #EEE4DD | 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 #95D5E4 as 0% and #EEE4DD as 100%.

0.0%	0.0% #95D5E4	RGB 149 213 228	#95D5E4
16.7%	16.7% #A3D7E2	RGB 163 215 226	#A3D7E2
33.3%	33.3% #B2DAE1	RGB 178 218 225	#B2DAE1
50.0%	50.0% #C1DCE0	RGB 193 220 224	#C1DCE0
66.7%	66.7% #D0DFDF	RGB 208 223 223	#D0DFDF
83.3%	83.3% #DFE1DE	RGB 223 225 222	#DFE1DE
100.0%	100.0% #EEE4DD	RGB 238 228 221	#EEE4DD

#95D5E4 #A3D7E2 #B2DAE1 #C1DCE0 #D0DFDF #DFE1DE #EEE4DD

#95D5E4 - #EEE4DD

HSV Blend

#95D5E4 - #EEE4DD | 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 #95D5E4 as 0% and #EEE4DD as 100%.

0.0%	0.0% #95D5E4	RGB 149 213 228	#95D5E4
16.7%	16.7% #A0E5D2	RGB 160 229 210	#A0E5D2
33.3%	33.3% #ACE7BB	RGB 172 231 187	#ACE7BB
50.0%	50.0% #C2E9B8	RGB 194 233 184	#C2E9B8
66.7%	66.7% #DDEAC4	RGB 221 234 196	#DDEAC4
83.3%	83.3% #ECE8D0	RGB 236 232 208	#ECE8D0
100.0%	100.0% #EEE4DD	RGB 238 228 221	#EEE4DD

#95D5E4 #A0E5D2 #ACE7BB #C2E9B8 #DDEAC4 #ECE8D0 #EEE4DD

#95D5E4 - #C2E9B8 - #EEE4DD

CSS codes

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

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