#C3C3DA - #DBDFDA | 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 #C3C3DA to #DBDFDA

#C3C3DA #DBDFDA

Calculate the color between two colors, #C3C3DA and #DBDFDA. 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)

#C3C3DA - #DBDFDA | 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 #C3C3DA as 0% and #DBDFDA as 100%.

0.0%	0.0% #C3C3DA	RGB 195 195 218	#C3C3DA
16.7%	16.7% #C7C7DA	RGB 199 199 218	#C7C7DA
33.3%	33.3% #CBCCDA	RGB 203 204 218	#CBCCDA
50.0%	50.0% #CFD1DA	RGB 207 209 218	#CFD1DA
66.7%	66.7% #D3D5DA	RGB 211 213 218	#D3D5DA
83.3%	83.3% #D7DADA	RGB 215 218 218	#D7DADA
100.0%	100.0% #DBDFDA	RGB 219 223 218	#DBDFDA

#C3C3DA #C7C7DA #CBCCDA #CFD1DA #D3D5DA #D7DADA #DBDFDA

#C3C3DA - #DBDFDA

HSV Blend

#C3C3DA - #DBDFDA | 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 #C3C3DA as 0% and #DBDFDA as 100%.

0.0%	0.0% #C3C3DA	RGB 195 195 218	#C3C3DA
16.7%	16.7% #C6CEDA	RGB 198 206 218	#C6CEDA
33.3%	33.3% #CAD7DB	RGB 202 215 219	#CAD7DB
50.0%	50.0% #CEDCDB	RGB 206 220 219	#CEDCDB
66.7%	66.7% #D2DDD8	RGB 210 221 216	#D2DDD8
83.3%	83.3% #D6DED7	RGB 214 222 215	#D6DED7
100.0%	100.0% #DBDFDA	RGB 219 223 218	#DBDFDA

#C3C3DA #C6CEDA #CAD7DB #CEDCDB #D2DDD8 #D6DED7 #DBDFDA

#C3C3DA - #CEDCDB - #DBDFDA

CSS codes

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

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