#41BABA - #C3E6AF | 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 #41BABA a #C3E6AF

#41BABA #C3E6AF

Calcule el color entre dos colores, #41BABA y #C3E6AF. 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)

#41BABA - #C3E6AF | 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 #41BABA como 0% y #C3E6AF como 100%.

0.0%	0.0% #41BABA	RGB 65 186 186	#41BABA
16.7%	16.7% #56C1B8	RGB 86 193 184	#56C1B8
33.3%	33.3% #6CC8B6	RGB 108 200 182	#6CC8B6
50.0%	50.0% #82D0B4	RGB 130 208 180	#82D0B4
66.7%	66.7% #97D7B2	RGB 151 215 178	#97D7B2
83.3%	83.3% #ADDEB0	RGB 173 222 176	#ADDEB0
100.0%	100.0% #C3E6AF	RGB 195 230 175	#C3E6AF

#41BABA #56C1B8 #6CC8B6 #82D0B4 #97D7B2 #ADDEB0 #C3E6AF

#41BABA - #C3E6AF

Mezcla HSV

#41BABA - #C3E6AF | 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 #41BABA como 0% y #C3E6AF como 100%.

0.0%	0.0% #41BABA	RGB 65 186 186	#41BABA
16.7%	16.7% #50C1A7	RGB 80 193 167	#50C1A7
33.3%	33.3% #61C899	RGB 97 200 153	#61C899
50.0%	50.0% #73D090	RGB 115 208 144	#73D090
66.7%	66.7% #86D78D	RGB 134 215 141	#86D78D
83.3%	83.3% #A3DE9A	RGB 163 222 154	#A3DE9A
100.0%	100.0% #C3E6AF	RGB 195 230 175	#C3E6AF

#41BABA #50C1A7 #61C899 #73D090 #86D78D #A3DE9A #C3E6AF

#41BABA - #73D090 - #C3E6AF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #41BABA 0%, #73D090 50%, #C3E6AF 100%);
    background: -webkit-linear-gradient(top, #41BABA 0%, #73D090 50%, #C3E6AF 100%);
    background: linear-gradient(to bottom, #41BABA 0%, #73D090 50%, #C3E6AF 100%);
}
</style>