#00968D - #002A27 | 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 #00968D a #002A27

#00968D #002A27

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

#00968D - #002A27 | 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 #00968D como 0% y #002A27 como 100%.

0.0%	0.0% #00968D	RGB 0 150 141	#00968D
16.7%	16.7% #00847C	RGB 0 132 124	#00847C
33.3%	33.3% #00726B	RGB 0 114 107	#00726B
50.0%	50.0% #00605A	RGB 0 96 90	#00605A
66.7%	66.7% #004E49	RGB 0 78 73	#004E49
83.3%	83.3% #003C38	RGB 0 60 56	#003C38
100.0%	100.0% #002A27	RGB 0 42 39	#002A27

#00968D #00847C #00726B #00605A #004E49 #003C38 #002A27

#00968D - #002A27

Mezcla HSV

#00968D - #002A27 | 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 #00968D como 0% y #002A27 como 100%.

0.0%	0.0% #00968D	RGB 0 150 141	#00968D
16.7%	16.7% #00847B	RGB 0 132 123	#00847B
33.3%	33.3% #00726A	RGB 0 114 106	#00726A
50.0%	50.0% #006059	RGB 0 96 89	#006059
66.7%	66.7% #004E48	RGB 0 78 72	#004E48
83.3%	83.3% #003C37	RGB 0 60 55	#003C37
100.0%	100.0% #002A27	RGB 0 42 39	#002A27

#00968D #00847B #00726A #006059 #004E48 #003C37 #002A27

#00968D - #006059 - #002A27

Códigos CSS

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

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