#96B5AE - #D9B2FF | 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 #96B5AE to #D9B2FF

#96B5AE #D9B2FF

Calculate the color between two colors, #96B5AE and #D9B2FF. 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)

#96B5AE - #D9B2FF | 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 #96B5AE as 0% and #D9B2FF as 100%.

0.0%	0.0% #96B5AE	RGB 150 181 174	#96B5AE
16.7%	16.7% #A1B4BB	RGB 161 180 187	#A1B4BB
33.3%	33.3% #ACB4C9	RGB 172 180 201	#ACB4C9
50.0%	50.0% #B7B3D6	RGB 183 179 214	#B7B3D6
66.7%	66.7% #C2B3E4	RGB 194 179 228	#C2B3E4
83.3%	83.3% #CDB2F1	RGB 205 178 241	#CDB2F1
100.0%	100.0% #D9B2FF	RGB 217 178 255	#D9B2FF

#96B5AE #A1B4BB #ACB4C9 #B7B3D6 #C2B3E4 #CDB2F1 #D9B2FF

#96B5AE - #D9B2FF

HSV Blend

#96B5AE - #D9B2FF | 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 #96B5AE as 0% and #D9B2FF as 100%.

0.0%	0.0% #96B5AE	RGB 150 181 174	#96B5AE
16.7%	16.7% #9CBEC1	RGB 156 190 193	#9CBEC1
33.3%	33.3% #A1BECD	RGB 161 190 205	#A1BECD
50.0%	50.0% #A6B8DA	RGB 166 184 218	#A6B8DA
66.7%	66.7% #AAAFE6	RGB 170 175 230	#AAAFE6
83.3%	83.3% #BDAEF2	RGB 189 174 242	#BDAEF2
100.0%	100.0% #D9B2FF	RGB 217 178 255	#D9B2FF

#96B5AE #9CBEC1 #A1BECD #A6B8DA #AAAFE6 #BDAEF2 #D9B2FF

#96B5AE - #A6B8DA - #D9B2FF

CSS codes

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

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