#41BAAB - #CEE9A9 | 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 #41BAAB a #CEE9A9

#41BAAB #CEE9A9

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

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

0.0%	0.0% #41BAAB	RGB 65 186 171	#41BAAB
16.7%	16.7% #58C1AA	RGB 88 193 170	#58C1AA
33.3%	33.3% #70C9AA	RGB 112 201 170	#70C9AA
50.0%	50.0% #87D1AA	RGB 135 209 170	#87D1AA
66.7%	66.7% #9FD9A9	RGB 159 217 169	#9FD9A9
83.3%	83.3% #B6E1A9	RGB 182 225 169	#B6E1A9
100.0%	100.0% #CEE9A9	RGB 206 233 169	#CEE9A9

#41BAAB #58C1AA #70C9AA #87D1AA #9FD9A9 #B6E1A9 #CEE9A9

#41BAAB - #CEE9A9

Mezcla HSV

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

0.0%	0.0% #41BAAB	RGB 65 186 171	#41BAAB
16.7%	16.7% #4FC198	RGB 79 193 152	#4FC198
33.3%	33.3% #5FC989	RGB 95 201 137	#5FC989
50.0%	50.0% #70D17F	RGB 112 209 127	#70D17F
66.7%	66.7% #8AD982	RGB 138 217 130	#8AD982
83.3%	83.3% #AEE195	RGB 174 225 149	#AEE195
100.0%	100.0% #CEE9A9	RGB 206 233 169	#CEE9A9

#41BAAB #4FC198 #5FC989 #70D17F #8AD982 #AEE195 #CEE9A9

#41BAAB - #70D17F - #CEE9A9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #41BAAB 0%, #70D17F 50%, #CEE9A9 100%);
    background: -webkit-linear-gradient(top, #41BAAB 0%, #70D17F 50%, #CEE9A9 100%);
    background: linear-gradient(to bottom, #41BAAB 0%, #70D17F 50%, #CEE9A9 100%);
}
</style>