#00BBA1 - #C7FFAB | 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 #00BBA1 a #C7FFAB

#00BBA1 #C7FFAB

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

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

0.0%	0.0% #00BBA1	RGB 0 187 161	#00BBA1
16.7%	16.7% #21C6A2	RGB 33 198 162	#21C6A2
33.3%	33.3% #42D1A4	RGB 66 209 164	#42D1A4
50.0%	50.0% #63DDA6	RGB 99 221 166	#63DDA6
66.7%	66.7% #84E8A7	RGB 132 232 167	#84E8A7
83.3%	83.3% #A5F3A9	RGB 165 243 169	#A5F3A9
100.0%	100.0% #C7FFAB	RGB 199 255 171	#C7FFAB

#00BBA1 #21C6A2 #42D1A4 #63DDA6 #84E8A7 #A5F3A9 #C7FFAB

#00BBA1 - #C7FFAB

Mezcla HSV

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

0.0%	0.0% #00BBA0	RGB 0 187 160	#00BBA0
16.7%	16.7% #16C68A	RGB 22 198 138	#16C68A
33.3%	33.3% #2ED17A	RGB 46 209 122	#2ED17A
50.0%	50.0% #4ADD70	RGB 74 221 112	#4ADD70
66.7%	66.7% #67E870	RGB 103 232 112	#67E870
83.3%	83.3% #96F388	RGB 150 243 136	#96F388
100.0%	100.0% #C7FFAB	RGB 199 255 171	#C7FFAB

#00BBA0 #16C68A #2ED17A #4ADD70 #67E870 #96F388 #C7FFAB

#00BBA1 - #4ADD70 - #C7FFAB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00BBA0 0%, #4ADD70 50%, #C7FFAB 100%);
    background: -webkit-linear-gradient(top, #00BBA0 0%, #4ADD70 50%, #C7FFAB 100%);
    background: linear-gradient(to bottom, #00BBA0 0%, #4ADD70 50%, #C7FFAB 100%);
}
</style>