#3AB0B0 - #BCE5AC | 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 #3AB0B0 a #BCE5AC

#3AB0B0 #BCE5AC

Calcule el color entre dos colores, #3AB0B0 y #BCE5AC. 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)

#3AB0B0 - #BCE5AC | 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 #3AB0B0 como 0% y #BCE5AC como 100%.

0.0%	0.0% #3AB0B0	RGB 58 176 176	#3AB0B0
16.7%	16.7% #4FB8AF	RGB 79 184 175	#4FB8AF
33.3%	33.3% #65C1AE	RGB 101 193 174	#65C1AE
50.0%	50.0% #7BCAAE	RGB 123 202 174	#7BCAAE
66.7%	66.7% #90D3AD	RGB 144 211 173	#90D3AD
83.3%	83.3% #A6DCAC	RGB 166 220 172	#A6DCAC
100.0%	100.0% #BCE5AC	RGB 188 229 172	#BCE5AC

#3AB0B0 #4FB8AF #65C1AE #7BCAAE #90D3AD #A6DCAC #BCE5AC

#3AB0B0 - #BCE5AC

Mezcla HSV

#3AB0B0 - #BCE5AC | 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 #3AB0B0 como 0% y #BCE5AC como 100%.

0.0%	0.0% #3AB0B0	RGB 58 176 176	#3AB0B0
16.7%	16.7% #49B8A1	RGB 73 184 161	#49B8A1
33.3%	33.3% #5BC195	RGB 91 193 149	#5BC195
50.0%	50.0% #6DCA8E	RGB 109 202 142	#6DCA8E
66.7%	66.7% #81D38D	RGB 129 211 141	#81D38D
83.3%	83.3% #9ADC95	RGB 154 220 149	#9ADC95
100.0%	100.0% #BCE5AC	RGB 188 229 172	#BCE5AC

#3AB0B0 #49B8A1 #5BC195 #6DCA8E #81D38D #9ADC95 #BCE5AC

#3AB0B0 - #6DCA8E - #BCE5AC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3AB0B0 0%, #6DCA8E 50%, #BCE5AC 100%);
    background: -webkit-linear-gradient(top, #3AB0B0 0%, #6DCA8E 50%, #BCE5AC 100%);
    background: linear-gradient(to bottom, #3AB0B0 0%, #6DCA8E 50%, #BCE5AC 100%);
}
</style>