#6B9DA2 - #DFD4BB | 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 #6B9DA2 to #DFD4BB

#6B9DA2 #DFD4BB

Calculate the color between two colors, #6B9DA2 and #DFD4BB. 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)

#6B9DA2 - #DFD4BB | 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 #6B9DA2 as 0% and #DFD4BB as 100%.

0.0%	0.0% #6B9DA2	RGB 107 157 162	#6B9DA2
16.7%	16.7% #7EA6A6	RGB 126 166 166	#7EA6A6
33.3%	33.3% #91AFAA	RGB 145 175 170	#91AFAA
50.0%	50.0% #A5B8AE	RGB 165 184 174	#A5B8AE
66.7%	66.7% #B8C1B2	RGB 184 193 178	#B8C1B2
83.3%	83.3% #CBCAB6	RGB 203 202 182	#CBCAB6
100.0%	100.0% #DFD4BB	RGB 223 212 187	#DFD4BB

#6B9DA2 #7EA6A6 #91AFAA #A5B8AE #B8C1B2 #CBCAB6 #DFD4BB

#6B9DA2 - #DFD4BB

HSV Blend

#6B9DA2 - #DFD4BB | 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 #6B9DA2 as 0% and #DFD4BB as 100%.

0.0%	0.0% #6B9DA2	RGB 107 157 162	#6B9DA2
16.7%	16.7% #76AC9B	RGB 118 172 155	#76AC9B
33.3%	33.3% #83B692	RGB 131 182 146	#83B692
50.0%	50.0% #95C090	RGB 149 192 144	#95C090
66.7%	66.7% #B4CA9D	RGB 180 202 157	#B4CA9D
83.3%	83.3% #D1D4AC	RGB 209 212 172	#D1D4AC
100.0%	100.0% #DFD4BB	RGB 223 212 187	#DFD4BB

#6B9DA2 #76AC9B #83B692 #95C090 #B4CA9D #D1D4AC #DFD4BB

#6B9DA2 - #95C090 - #DFD4BB

CSS codes

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

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