#C3C5E1 - #DAE1DF | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #C3C5E1 a #DAE1DF

#C3C5E1 #DAE1DF

Calcule el color entre dos colores, #C3C5E1 y #DAE1DF. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#C3C5E1 - #DAE1DF | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #C3C5E1 como 0% y #DAE1DF como 100%.

0.0%	0.0% #C3C5E1	RGB 195 197 225	#C3C5E1
16.7%	16.7% #C6C9E0	RGB 198 201 224	#C6C9E0
33.3%	33.3% #CACEE0	RGB 202 206 224	#CACEE0
50.0%	50.0% #CED3E0	RGB 206 211 224	#CED3E0
66.7%	66.7% #D2D7DF	RGB 210 215 223	#D2D7DF
83.3%	83.3% #D6DCDF	RGB 214 220 223	#D6DCDF
100.0%	100.0% #DAE1DF	RGB 218 225 223	#DAE1DF

#C3C5E1 #C6C9E0 #CACEE0 #CED3E0 #D2D7DF #D6DCDF #DAE1DF

#C3C5E1 - #DAE1DF

Mezcla HSV

#C3C5E1 - #DAE1DF | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #C3C5E1 como 0% y #DAE1DF como 100%.

0.0%	0.0% #C3C5E1	RGB 195 197 225	#C3C5E1
16.7%	16.7% #C6CDE1	RGB 198 205 225	#C6CDE1
33.3%	33.3% #CAD5E1	RGB 202 213 225	#CAD5E1
50.0%	50.0% #CEDBE1	RGB 206 219 225	#CEDBE1
66.7%	66.7% #D2DFE1	RGB 210 223 225	#D2DFE1
83.3%	83.3% #D6E1E0	RGB 214 225 224	#D6E1E0
100.0%	100.0% #DAE1DF	RGB 218 225 223	#DAE1DF

#C3C5E1 #C6CDE1 #CAD5E1 #CEDBE1 #D2DFE1 #D6E1E0 #DAE1DF

#C3C5E1 - #CEDBE1 - #DAE1DF

Códigos CSS

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

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