#636951 - #D2D4CD | 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 #636951 a #D2D4CD

#636951 #D2D4CD

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

#636951 - #D2D4CD | 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 #636951 como 0% y #D2D4CD como 100%.

0.0%	0.0% #636951	RGB 99 105 81	#636951
16.7%	16.7% #757A65	RGB 117 122 101	#757A65
33.3%	33.3% #888C7A	RGB 136 140 122	#888C7A
50.0%	50.0% #9A9E8F	RGB 154 158 143	#9A9E8F
66.7%	66.7% #ADB0A3	RGB 173 176 163	#ADB0A3
83.3%	83.3% #BFC2B8	RGB 191 194 184	#BFC2B8
100.0%	100.0% #D2D4CD	RGB 210 212 205	#D2D4CD

#636951 #757A65 #888C7A #9A9E8F #ADB0A3 #BFC2B8 #D2D4CD

#636951 - #D2D4CD

Mezcla HSV

#636951 - #D2D4CD | 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 #636951 como 0% y #D2D4CD como 100%.

0.0%	0.0% #636951	RGB 99 105 81	#636951
16.7%	16.7% #747A62	RGB 116 122 98	#747A62
33.3%	33.3% #868C75	RGB 134 140 117	#868C75
50.0%	50.0% #989E89	RGB 152 158 137	#989E89
66.7%	66.7% #ABB09F	RGB 171 176 159	#ABB09F
83.3%	83.3% #BEC2B5	RGB 190 194 181	#BEC2B5
100.0%	100.0% #D2D4CD	RGB 210 212 205	#D2D4CD

#636951 #747A62 #868C75 #989E89 #ABB09F #BEC2B5 #D2D4CD

#636951 - #989E89 - #D2D4CD

Códigos CSS

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

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