#C5D9D7 - #E5E1DF | 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 #C5D9D7 a #E5E1DF

#C5D9D7 #E5E1DF

Calcule el color entre dos colores, #C5D9D7 y #E5E1DF. 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)

#C5D9D7 - #E5E1DF | 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 #C5D9D7 como 0% y #E5E1DF como 100%.

0.0%	0.0% #C5D9D7	RGB 197 217 215	#C5D9D7
16.7%	16.7% #CADAD8	RGB 202 218 216	#CADAD8
33.3%	33.3% #CFDBD9	RGB 207 219 217	#CFDBD9
50.0%	50.0% #D5DDDB	RGB 213 221 219	#D5DDDB
66.7%	66.7% #DADEDC	RGB 218 222 220	#DADEDC
83.3%	83.3% #DFDFDD	RGB 223 223 221	#DFDFDD
100.0%	100.0% #E5E1DF	RGB 229 225 223	#E5E1DF

#C5D9D7 #CADAD8 #CFDBD9 #D5DDDB #DADEDC #DFDFDD #E5E1DF

#C5D9D7 - #E5E1DF

Mezcla HSV

#C5D9D7 - #E5E1DF | 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 #C5D9D7 como 0% y #E5E1DF como 100%.

0.0%	0.0% #C5D9D7	RGB 197 217 215	#C5D9D7
16.7%	16.7% #C9DBD1	RGB 201 219 209	#C9DBD1
33.3%	33.3% #CDDDCE	RGB 205 221 206	#CDDDCE
50.0%	50.0% #D6DFD1	RGB 214 223 209	#D6DFD1
66.7%	66.7% #DEE1D6	RGB 222 225 214	#DEE1D6
83.3%	83.3% #E3E0DA	RGB 227 224 218	#E3E0DA
100.0%	100.0% #E5E1DF	RGB 229 225 223	#E5E1DF

#C5D9D7 #C9DBD1 #CDDDCE #D6DFD1 #DEE1D6 #E3E0DA #E5E1DF

#C5D9D7 - #D6DFD1 - #E5E1DF

Códigos CSS

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

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