#00BEA6 - #C8FFAD | 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 #00BEA6 a #C8FFAD

#00BEA6 #C8FFAD

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

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

0.0%	0.0% #00BEA6	RGB 0 190 166	#00BEA6
16.7%	16.7% #21C8A7	RGB 33 200 167	#21C8A7
33.3%	33.3% #42D3A8	RGB 66 211 168	#42D3A8
50.0%	50.0% #64DEA9	RGB 100 222 169	#64DEA9
66.7%	66.7% #85E9AA	RGB 133 233 170	#85E9AA
83.3%	83.3% #A6F4AB	RGB 166 244 171	#A6F4AB
100.0%	100.0% #C8FFAD	RGB 200 255 173	#C8FFAD

#00BEA6 #21C8A7 #42D3A8 #64DEA9 #85E9AA #A6F4AB #C8FFAD

#00BEA6 - #C8FFAD

Mezcla HSV

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

0.0%	0.0% #00BEA6	RGB 0 190 166	#00BEA6
16.7%	16.7% #16C88E	RGB 22 200 142	#16C88E
33.3%	33.3% #2FD37D	RGB 47 211 125	#2FD37D
50.0%	50.0% #4BDE73	RGB 75 222 115	#4BDE73
66.7%	66.7% #69E972	RGB 105 233 114	#69E972
83.3%	83.3% #97F48A	RGB 151 244 138	#97F48A
100.0%	100.0% #C8FFAD	RGB 200 255 173	#C8FFAD

#00BEA6 #16C88E #2FD37D #4BDE73 #69E972 #97F48A #C8FFAD

#00BEA6 - #4BDE73 - #C8FFAD

Códigos CSS

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

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