#00ABC6 - #B6E7EE | 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 #00ABC6 a #B6E7EE

#00ABC6 #B6E7EE

Calcule el color entre dos colores, #00ABC6 y #B6E7EE. 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)

#00ABC6 - #B6E7EE | 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 #00ABC6 como 0% y #B6E7EE como 100%.

0.0%	0.0% #00ABC6	RGB 0 171 198	#00ABC6
16.7%	16.7% #1EB5CC	RGB 30 181 204	#1EB5CC
33.3%	33.3% #3CBFD3	RGB 60 191 211	#3CBFD3
50.0%	50.0% #5BC9DA	RGB 91 201 218	#5BC9DA
66.7%	66.7% #79D3E0	RGB 121 211 224	#79D3E0
83.3%	83.3% #97DDE7	RGB 151 221 231	#97DDE7
100.0%	100.0% #B6E7EE	RGB 182 231 238	#B6E7EE

#00ABC6 #1EB5CC #3CBFD3 #5BC9DA #79D3E0 #97DDE7 #B6E7EE

#00ABC6 - #B6E7EE

Mezcla HSV

#00ABC6 - #B6E7EE | 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 #00ABC6 como 0% y #B6E7EE como 100%.

0.0%	0.0% #00AAC6	RGB 0 170 198	#00AAC6
16.7%	16.7% #1AB4CC	RGB 26 180 204	#1AB4CC
33.3%	33.3% #35BED3	RGB 53 190 211	#35BED3
50.0%	50.0% #53C8DA	RGB 83 200 218	#53C8DA
66.7%	66.7% #72D2E0	RGB 114 210 224	#72D2E0
83.3%	83.3% #93DCE7	RGB 147 220 231	#93DCE7
100.0%	100.0% #B6E7EE	RGB 182 231 238	#B6E7EE

#00AAC6 #1AB4CC #35BED3 #53C8DA #72D2E0 #93DCE7 #B6E7EE

#00ABC6 - #53C8DA - #B6E7EE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00AAC6 0%, #53C8DA 50%, #B6E7EE 100%);
    background: -webkit-linear-gradient(top, #00AAC6 0%, #53C8DA 50%, #B6E7EE 100%);
    background: linear-gradient(to bottom, #00AAC6 0%, #53C8DA 50%, #B6E7EE 100%);
}
</style>