#A8C8D0 - #30383B | 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 #A8C8D0 a #30383B

#A8C8D0 #30383B

Calcule el color entre dos colores, #A8C8D0 y #30383B. 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)

#A8C8D0 - #30383B | 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 #A8C8D0 como 0% y #30383B como 100%.

0.0%	0.0% #A8C8D0	RGB 168 200 208	#A8C8D0
16.7%	16.7% #94B0B7	RGB 148 176 183	#94B0B7
33.3%	33.3% #80989E	RGB 128 152 158	#80989E
50.0%	50.0% #6C8085	RGB 108 128 133	#6C8085
66.7%	66.7% #58686C	RGB 88 104 108	#58686C
83.3%	83.3% #445053	RGB 68 80 83	#445053
100.0%	100.0% #30383B	RGB 48 56 59	#30383B

#A8C8D0 #94B0B7 #80989E #6C8085 #58686C #445053 #30383B

#A8C8D0 - #30383B

Mezcla HSV

#A8C8D0 - #30383B | 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 #A8C8D0 como 0% y #30383B como 100%.

0.0%	0.0% #A8C8D0	RGB 168 200 208	#A8C8D0
16.7%	16.7% #94AFB7	RGB 148 175 183	#94AFB7
33.3%	33.3% #80979E	RGB 128 151 158	#80979E
50.0%	50.0% #6C7F85	RGB 108 127 133	#6C7F85
66.7%	66.7% #58676C	RGB 88 103 108	#58676C
83.3%	83.3% #444F53	RGB 68 79 83	#444F53
100.0%	100.0% #30383B	RGB 48 56 59	#30383B

#A8C8D0 #94AFB7 #80979E #6C7F85 #58676C #444F53 #30383B

#A8C8D0 - #6C7F85 - #30383B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C8D0 0%, #6C7F85 50%, #30383B 100%);
    background: -webkit-linear-gradient(top, #A8C8D0 0%, #6C7F85 50%, #30383B 100%);
    background: linear-gradient(to bottom, #A8C8D0 0%, #6C7F85 50%, #30383B 100%);
}
</style>