#3C3E50 - #C7C7CD | 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 #3C3E50 a #C7C7CD

#3C3E50 #C7C7CD

Calcule el color entre dos colores, #3C3E50 y #C7C7CD. 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)

#3C3E50 - #C7C7CD | 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 #3C3E50 como 0% y #C7C7CD como 100%.

0.0%	0.0% #3C3E50	RGB 60 62 80	#3C3E50
16.7%	16.7% #535464	RGB 83 84 100	#535464
33.3%	33.3% #6A6B79	RGB 106 107 121	#6A6B79
50.0%	50.0% #81828E	RGB 129 130 142	#81828E
66.7%	66.7% #9899A3	RGB 152 153 163	#9899A3
83.3%	83.3% #AFB0B8	RGB 175 176 184	#AFB0B8
100.0%	100.0% #C7C7CD	RGB 199 199 205	#C7C7CD

#3C3E50 #535464 #6A6B79 #81828E #9899A3 #AFB0B8 #C7C7CD

#3C3E50 - #C7C7CD

Mezcla HSV

#3C3E50 - #C7C7CD | 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 #3C3E50 como 0% y #C7C7CD como 100%.

0.0%	0.0% #3C3E50	RGB 60 62 80	#3C3E50
16.7%	16.7% #4F5164	RGB 79 81 100	#4F5164
33.3%	33.3% #646579	RGB 100 101 121	#646579
50.0%	50.0% #7A7B8E	RGB 122 123 142	#7A7B8E
66.7%	66.7% #9293A3	RGB 146 147 163	#9293A3
83.3%	83.3% #ACACB8	RGB 172 172 184	#ACACB8
100.0%	100.0% #C7C7CD	RGB 199 199 205	#C7C7CD

#3C3E50 #4F5164 #646579 #7A7B8E #9293A3 #ACACB8 #C7C7CD

#3C3E50 - #7A7B8E - #C7C7CD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3E50 0%, #7A7B8E 50%, #C7C7CD 100%);
    background: -webkit-linear-gradient(top, #3C3E50 0%, #7A7B8E 50%, #C7C7CD 100%);
    background: linear-gradient(to bottom, #3C3E50 0%, #7A7B8E 50%, #C7C7CD 100%);
}
</style>