#4F516B - #CCCDD4 | 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 #4F516B a #CCCDD4

#4F516B #CCCDD4

Calcule el color entre dos colores, #4F516B y #CCCDD4. 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)

#4F516B - #CCCDD4 | 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 #4F516B como 0% y #CCCDD4 como 100%.

0.0%	0.0% #4F516B	RGB 79 81 107	#4F516B
16.7%	16.7% #63657C	RGB 99 101 124	#63657C
33.3%	33.3% #787A8E	RGB 120 122 142	#787A8E
50.0%	50.0% #8D8F9F	RGB 141 143 159	#8D8F9F
66.7%	66.7% #A2A3B1	RGB 162 163 177	#A2A3B1
83.3%	83.3% #B7B8C2	RGB 183 184 194	#B7B8C2
100.0%	100.0% #CCCDD4	RGB 204 205 212	#CCCDD4

#4F516B #63657C #787A8E #8D8F9F #A2A3B1 #B7B8C2 #CCCDD4

#4F516B - #CCCDD4

Mezcla HSV

#4F516B - #CCCDD4 | 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 #4F516B como 0% y #CCCDD4 como 100%.

0.0%	0.0% #4F516B	RGB 79 81 107	#4F516B
16.7%	16.7% #60627C	RGB 96 98 124	#60627C
33.3%	33.3% #73758E	RGB 115 117 142	#73758E
50.0%	50.0% #87899F	RGB 135 137 159	#87899F
66.7%	66.7% #9D9FB1	RGB 157 159 177	#9D9FB1
83.3%	83.3% #B3B5C2	RGB 179 181 194	#B3B5C2
100.0%	100.0% #CCCDD4	RGB 204 205 212	#CCCDD4

#4F516B #60627C #73758E #87899F #9D9FB1 #B3B5C2 #CCCDD4

#4F516B - #87899F - #CCCDD4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F516B 0%, #87899F 50%, #CCCDD4 100%);
    background: -webkit-linear-gradient(top, #4F516B 0%, #87899F 50%, #CCCDD4 100%);
    background: linear-gradient(to bottom, #4F516B 0%, #87899F 50%, #CCCDD4 100%);
}
</style>