#646C92 - #D2D5DF | 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 #646C92 to #D2D5DF

#646C92 #D2D5DF

Calculate the color between two colors, #646C92 and #D2D5DF. 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)

#646C92 - #D2D5DF | 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 #646C92 as 0% and #D2D5DF as 100%.

0.0%	0.0% #646C92	RGB 100 108 146	#646C92
16.7%	16.7% #767D9E	RGB 118 125 158	#767D9E
33.3%	33.3% #888FAB	RGB 136 143 171	#888FAB
50.0%	50.0% #9BA0B8	RGB 155 160 184	#9BA0B8
66.7%	66.7% #ADB2C5	RGB 173 178 197	#ADB2C5
83.3%	83.3% #BFC3D2	RGB 191 195 210	#BFC3D2
100.0%	100.0% #D2D5DF	RGB 210 213 223	#D2D5DF

#646C92 #767D9E #888FAB #9BA0B8 #ADB2C5 #BFC3D2 #D2D5DF

#646C92 - #D2D5DF

HSV Blend

#646C92 - #D2D5DF | 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 #646C92 as 0% and #D2D5DF as 100%.

0.0%	0.0% #646C92	RGB 100 108 146	#646C92
16.7%	16.7% #737B9E	RGB 115 123 158	#737B9E
33.3%	33.3% #848BAB	RGB 132 139 171	#848BAB
50.0%	50.0% #969DB8	RGB 150 157 184	#969DB8
66.7%	66.7% #A8AEC5	RGB 168 174 197	#A8AEC5
83.3%	83.3% #BCC1D2	RGB 188 193 210	#BCC1D2
100.0%	100.0% #D2D5DF	RGB 210 213 223	#D2D5DF

#646C92 #737B9E #848BAB #969DB8 #A8AEC5 #BCC1D2 #D2D5DF

#646C92 - #969DB8 - #D2D5DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #646C92 0%, #969DB8 50%, #D2D5DF 100%);
    background: -webkit-linear-gradient(top, #646C92 0%, #969DB8 50%, #D2D5DF 100%);
    background: linear-gradient(to bottom, #646C92 0%, #969DB8 50%, #D2D5DF 100%);
}
</style>