#524951 - #CDCBCC | 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 #524951 a #CDCBCC

#524951 #CDCBCC

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

#524951 - #CDCBCC | 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 #524951 como 0% y #CDCBCC como 100%.

0.0%	0.0% #524951	RGB 82 73 81	#524951
16.7%	16.7% #665E65	RGB 102 94 101	#665E65
33.3%	33.3% #7B747A	RGB 123 116 122	#7B747A
50.0%	50.0% #8F8A8E	RGB 143 138 142	#8F8A8E
66.7%	66.7% #A49FA3	RGB 164 159 163	#A49FA3
83.3%	83.3% #B8B5B7	RGB 184 181 183	#B8B5B7
100.0%	100.0% #CDCBCC	RGB 205 203 204	#CDCBCC

#524951 #665E65 #7B747A #8F8A8E #A49FA3 #B8B5B7 #CDCBCC

#524951 - #CDCBCC

Mezcla HSV

#524951 - #CDCBCC | 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 #524951 como 0% y #CDCBCC como 100%.

0.0%	0.0% #524951	RGB 82 73 81	#524951
16.7%	16.7% #665C64	RGB 102 92 100	#665C64
33.3%	33.3% #7B7178	RGB 123 113 120	#7B7178
50.0%	50.0% #8F868C	RGB 143 134 140	#8F868C
66.7%	66.7% #A49CA1	RGB 164 156 161	#A49CA1
83.3%	83.3% #B8B3B6	RGB 184 179 182	#B8B3B6
100.0%	100.0% #CDCBCC	RGB 205 203 204	#CDCBCC

#524951 #665C64 #7B7178 #8F868C #A49CA1 #B8B3B6 #CDCBCC

#524951 - #8F868C - #CDCBCC

Códigos CSS

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

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