#D4D4D4 - #868DBD | 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 #D4D4D4 a #868DBD

#D4D4D4 #868DBD

Calcule el color entre dos colores, #D4D4D4 y #868DBD. 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)

#D4D4D4 - #868DBD | 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 #D4D4D4 como 0% y #868DBD como 100%.

0.0%	0.0% #D4D4D4	RGB 212 212 212	#D4D4D4
16.7%	16.7% #C7C8D0	RGB 199 200 208	#C7C8D0
33.3%	33.3% #BABCCC	RGB 186 188 204	#BABCCC
50.0%	50.0% #ADB0C8	RGB 173 176 200	#ADB0C8
66.7%	66.7% #A0A4C4	RGB 160 164 196	#A0A4C4
83.3%	83.3% #9398C0	RGB 147 152 192	#9398C0
100.0%	100.0% #868DBD	RGB 134 141 189	#868DBD

#D4D4D4 #C7C8D0 #BABCCC #ADB0C8 #A0A4C4 #9398C0 #868DBD

#D4D4D4 - #868DBD

Mezcla HSV

#D4D4D4 - #868DBD | 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 #D4D4D4 como 0% y #868DBD como 100%.

0.0%	0.0% #D4D4D4	RGB 212 212 212	#D4D4D4
16.7%	16.7% #D0C6C9	RGB 208 198 201	#D0C6C9
33.3%	33.3% #CCB8C6	RGB 204 184 198	#CCB8C6
50.0%	50.0% #C6ABC8	RGB 198 171 200	#C6ABC8
66.7%	66.7% #B49EC4	RGB 180 158 196	#B49EC4
83.3%	83.3% #9C92C0	RGB 156 146 192	#9C92C0
100.0%	100.0% #868DBD	RGB 134 141 189	#868DBD

#D4D4D4 #D0C6C9 #CCB8C6 #C6ABC8 #B49EC4 #9C92C0 #868DBD

#D4D4D4 - #C6ABC8 - #868DBD

Códigos CSS

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

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