#D4DADE - #828FA3 | 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 #D4DADE a #828FA3

#D4DADE #828FA3

Calcule el color entre dos colores, #D4DADE y #828FA3. 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)

#D4DADE - #828FA3 | 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 #D4DADE como 0% y #828FA3 como 100%.

0.0%	0.0% #D4DADE	RGB 212 218 222	#D4DADE
16.7%	16.7% #C6CDD4	RGB 198 205 212	#C6CDD4
33.3%	33.3% #B8C1CA	RGB 184 193 202	#B8C1CA
50.0%	50.0% #ABB4C0	RGB 171 180 192	#ABB4C0
66.7%	66.7% #9DA8B6	RGB 157 168 182	#9DA8B6
83.3%	83.3% #8F9BAC	RGB 143 155 172	#8F9BAC
100.0%	100.0% #828FA3	RGB 130 143 163	#828FA3

#D4DADE #C6CDD4 #B8C1CA #ABB4C0 #9DA8B6 #8F9BAC #828FA3

#D4DADE - #828FA3

Mezcla HSV

#D4DADE - #828FA3 | 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 #D4DADE como 0% y #828FA3 como 100%.

0.0%	0.0% #D4DADE	RGB 212 218 222	#D4DADE
16.7%	16.7% #C5CDD4	RGB 197 205 212	#C5CDD4
33.3%	33.3% #B6C1CA	RGB 182 193 202	#B6C1CA
50.0%	50.0% #A8B4C0	RGB 168 180 192	#A8B4C0
66.7%	66.7% #9BA7B6	RGB 155 167 182	#9BA7B6
83.3%	83.3% #8E9BAC	RGB 142 155 172	#8E9BAC
100.0%	100.0% #828FA3	RGB 130 143 163	#828FA3

#D4DADE #C5CDD4 #B6C1CA #A8B4C0 #9BA7B6 #8E9BAC #828FA3

#D4DADE - #A8B4C0 - #828FA3

Códigos CSS

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

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