#43BFB2 - #008F7A | 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 #43BFB2 a #008F7A

#43BFB2 #008F7A

Calcule el color entre dos colores, #43BFB2 y #008F7A. 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)

#43BFB2 - #008F7A | 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 #43BFB2 como 0% y #008F7A como 100%.

0.0%	0.0% #43BFB2	RGB 67 191 178	#43BFB2
16.7%	16.7% #37B7A8	RGB 55 183 168	#37B7A8
33.3%	33.3% #2CAF9F	RGB 44 175 159	#2CAF9F
50.0%	50.0% #21A796	RGB 33 167 150	#21A796
66.7%	66.7% #169F8C	RGB 22 159 140	#169F8C
83.3%	83.3% #0B9783	RGB 11 151 131	#0B9783
100.0%	100.0% #008F7A	RGB 0 143 122	#008F7A

#43BFB2 #37B7A8 #2CAF9F #21A796 #169F8C #0B9783 #008F7A

#43BFB2 - #008F7A

Mezcla HSV

#43BFB2 - #008F7A | 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 #43BFB2 como 0% y #008F7A como 100%.

0.0%	0.0% #43BFB1	RGB 67 191 177	#43BFB1
16.7%	16.7% #35B7A8	RGB 53 183 168	#35B7A8
33.3%	33.3% #28AF9F	RGB 40 175 159	#28AF9F
50.0%	50.0% #1DA795	RGB 29 167 149	#1DA795
66.7%	66.7% #129F8C	RGB 18 159 140	#129F8C
83.3%	83.3% #089783	RGB 8 151 131	#089783
100.0%	100.0% #008F7A	RGB 0 143 122	#008F7A

#43BFB1 #35B7A8 #28AF9F #1DA795 #129F8C #089783 #008F7A

#43BFB2 - #1DA795 - #008F7A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #43BFB1 0%, #1DA795 50%, #008F7A 100%);
    background: -webkit-linear-gradient(top, #43BFB1 0%, #1DA795 50%, #008F7A 100%);
    background: linear-gradient(to bottom, #43BFB1 0%, #1DA795 50%, #008F7A 100%);
}
</style>