#C7C7DF - #E5E7E4 | 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 #C7C7DF a #E5E7E4

#C7C7DF #E5E7E4

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

#C7C7DF - #E5E7E4 | 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 #C7C7DF como 0% y #E5E7E4 como 100%.

0.0%	0.0% #C7C7DF	RGB 199 199 223	#C7C7DF
16.7%	16.7% #CCCCDF	RGB 204 204 223	#CCCCDF
33.3%	33.3% #D1D1E0	RGB 209 209 224	#D1D1E0
50.0%	50.0% #D6D7E1	RGB 214 215 225	#D6D7E1
66.7%	66.7% #DBDCE2	RGB 219 220 226	#DBDCE2
83.3%	83.3% #E0E1E3	RGB 224 225 227	#E0E1E3
100.0%	100.0% #E5E7E4	RGB 229 231 228	#E5E7E4

#C7C7DF #CCCCDF #D1D1E0 #D6D7E1 #DBDCE2 #E0E1E3 #E5E7E4

#C7C7DF - #E5E7E4

Mezcla HSV

#C7C7DF - #E5E7E4 | 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 #C7C7DF como 0% y #E5E7E4 como 100%.

0.0%	0.0% #C7C7DF	RGB 199 199 223	#C7C7DF
16.7%	16.7% #CBD3E0	RGB 203 211 224	#CBD3E0
33.3%	33.3% #D0DDE1	RGB 208 221 225	#D0DDE1
50.0%	50.0% #D5E3E0	RGB 213 227 224	#D5E3E0
66.7%	66.7% #DAE4DE	RGB 218 228 222	#DAE4DE
83.3%	83.3% #DFE5DF	RGB 223 229 223	#DFE5DF
100.0%	100.0% #E5E7E4	RGB 229 231 228	#E5E7E4

#C7C7DF #CBD3E0 #D0DDE1 #D5E3E0 #DAE4DE #DFE5DF #E5E7E4

#C7C7DF - #D5E3E0 - #E5E7E4

Códigos CSS

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

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