#00CE9C - #B6F1E2 | 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 #00CE9C a #B6F1E2

#00CE9C #B6F1E2

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

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

0.0%	0.0% #00CE9C	RGB 0 206 156	#00CE9C
16.7%	16.7% #1ED3A7	RGB 30 211 167	#1ED3A7
33.3%	33.3% #3CD9B3	RGB 60 217 179	#3CD9B3
50.0%	50.0% #5BDFBF	RGB 91 223 191	#5BDFBF
66.7%	66.7% #79E5CA	RGB 121 229 202	#79E5CA
83.3%	83.3% #97EBD6	RGB 151 235 214	#97EBD6
100.0%	100.0% #B6F1E2	RGB 182 241 226	#B6F1E2

#00CE9C #1ED3A7 #3CD9B3 #5BDFBF #79E5CA #97EBD6 #B6F1E2

#00CE9C - #B6F1E2

Mezcla HSV

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

0.0%	0.0% #00CE9C	RGB 0 206 156	#00CE9C
16.7%	16.7% #1AD3A6	RGB 26 211 166	#1AD3A6
33.3%	33.3% #36D9B1	RGB 54 217 177	#36D9B1
50.0%	50.0% #54DFBC	RGB 84 223 188	#54DFBC
66.7%	66.7% #73E5C8	RGB 115 229 200	#73E5C8
83.3%	83.3% #93EBD5	RGB 147 235 213	#93EBD5
100.0%	100.0% #B6F1E2	RGB 182 241 226	#B6F1E2

#00CE9C #1AD3A6 #36D9B1 #54DFBC #73E5C8 #93EBD5 #B6F1E2

#00CE9C - #54DFBC - #B6F1E2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00CE9C 0%, #54DFBC 50%, #B6F1E2 100%);
    background: -webkit-linear-gradient(top, #00CE9C 0%, #54DFBC 50%, #B6F1E2 100%);
    background: linear-gradient(to bottom, #00CE9C 0%, #54DFBC 50%, #B6F1E2 100%);
}
</style>