#002F2F - #B6C3C3 | 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 #002F2F a #B6C3C3

#002F2F #B6C3C3

Calcule el color entre dos colores, #002F2F y #B6C3C3. 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)

#002F2F - #B6C3C3 | 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 #002F2F como 0% y #B6C3C3 como 100%.

0.0%	0.0% #002F2F	RGB 0 47 47	#002F2F
16.7%	16.7% #1E4747	RGB 30 71 71	#1E4747
33.3%	33.3% #3C6060	RGB 60 96 96	#3C6060
50.0%	50.0% #5B7979	RGB 91 121 121	#5B7979
66.7%	66.7% #799191	RGB 121 145 145	#799191
83.3%	83.3% #97AAAA	RGB 151 170 170	#97AAAA
100.0%	100.0% #B6C3C3	RGB 182 195 195	#B6C3C3

#002F2F #1E4747 #3C6060 #5B7979 #799191 #97AAAA #B6C3C3

#002F2F - #B6C3C3

Mezcla HSV

#002F2F - #B6C3C3 | 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 #002F2F como 0% y #B6C3C3 como 100%.

0.0%	0.0% #002F2F	RGB 0 47 47	#002F2F
16.7%	16.7% #0B4747	RGB 11 71 71	#0B4747
33.3%	33.3% #1D6060	RGB 29 96 96	#1D6060
50.0%	50.0% #387979	RGB 56 121 121	#387979
66.7%	66.7% #5A9191	RGB 90 145 145	#5A9191
83.3%	83.3% #84AAAA	RGB 132 170 170	#84AAAA
100.0%	100.0% #B6C3C3	RGB 182 195 195	#B6C3C3

#002F2F #0B4747 #1D6060 #387979 #5A9191 #84AAAA #B6C3C3

#002F2F - #387979 - #B6C3C3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #002F2F 0%, #387979 50%, #B6C3C3 100%);
    background: -webkit-linear-gradient(top, #002F2F 0%, #387979 50%, #B6C3C3 100%);
    background: linear-gradient(to bottom, #002F2F 0%, #387979 50%, #B6C3C3 100%);
}
</style>