#636357 - #D2D2CF | 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 #636357 a #D2D2CF

#636357 #D2D2CF

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

#636357 - #D2D2CF | 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 #636357 como 0% y #D2D2CF como 100%.

0.0%	0.0% #636357	RGB 99 99 87	#636357
16.7%	16.7% #75756B	RGB 117 117 107	#75756B
33.3%	33.3% #88887F	RGB 136 136 127	#88887F
50.0%	50.0% #9A9A93	RGB 154 154 147	#9A9A93
66.7%	66.7% #ADADA7	RGB 173 173 167	#ADADA7
83.3%	83.3% #BFBFBB	RGB 191 191 187	#BFBFBB
100.0%	100.0% #D2D2CF	RGB 210 210 207	#D2D2CF

#636357 #75756B #88887F #9A9A93 #ADADA7 #BFBFBB #D2D2CF

#636357 - #D2D2CF

Mezcla HSV

#636357 - #D2D2CF | 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 #636357 como 0% y #D2D2CF como 100%.

0.0%	0.0% #636357	RGB 99 99 87	#636357
16.7%	16.7% #757569	RGB 117 117 105	#757569
33.3%	33.3% #88887C	RGB 136 136 124	#88887C
50.0%	50.0% #9A9A90	RGB 154 154 144	#9A9A90
66.7%	66.7% #ADADA4	RGB 173 173 164	#ADADA4
83.3%	83.3% #BFBFB9	RGB 191 191 185	#BFBFB9
100.0%	100.0% #D2D2CF	RGB 210 210 207	#D2D2CF

#636357 #757569 #88887C #9A9A90 #ADADA4 #BFBFB9 #D2D2CF

#636357 - #9A9A90 - #D2D2CF

Códigos CSS

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

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