#ABC6DB - #30383E | 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 #ABC6DB a #30383E

#ABC6DB #30383E

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

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

0.0%	0.0% #ABC6DB	RGB 171 198 219	#ABC6DB
16.7%	16.7% #96AEC0	RGB 150 174 192	#96AEC0
33.3%	33.3% #8296A6	RGB 130 150 166	#8296A6
50.0%	50.0% #6D7F8C	RGB 109 127 140	#6D7F8C
66.7%	66.7% #596772	RGB 89 103 114	#596772
83.3%	83.3% #444F58	RGB 68 79 88	#444F58
100.0%	100.0% #30383E	RGB 48 56 62	#30383E

#ABC6DB #96AEC0 #8296A6 #6D7F8C #596772 #444F58 #30383E

#ABC6DB - #30383E

Mezcla HSV

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

0.0%	0.0% #ABC6DB	RGB 171 198 219	#ABC6DB
16.7%	16.7% #96AEC0	RGB 150 174 192	#96AEC0
33.3%	33.3% #8196A6	RGB 129 150 166	#8196A6
50.0%	50.0% #6D7E8C	RGB 109 126 140	#6D7E8C
66.7%	66.7% #586772	RGB 88 103 114	#586772
83.3%	83.3% #444F58	RGB 68 79 88	#444F58
100.0%	100.0% #30383E	RGB 48 56 62	#30383E

#ABC6DB #96AEC0 #8196A6 #6D7E8C #586772 #444F58 #30383E

#ABC6DB - #6D7E8C - #30383E

Códigos CSS

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

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