#3AC2B4 - #C2FF8C | 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 #3AC2B4 a #C2FF8C

#3AC2B4 #C2FF8C

Calcule el color entre dos colores, #3AC2B4 y #C2FF8C. 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)

#3AC2B4 - #C2FF8C | 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 #3AC2B4 como 0% y #C2FF8C como 100%.

0.0%	0.0% #3AC2B4	RGB 58 194 180	#3AC2B4
16.7%	16.7% #50CCAD	RGB 80 204 173	#50CCAD
33.3%	33.3% #67D6A6	RGB 103 214 166	#67D6A6
50.0%	50.0% #7EE0A0	RGB 126 224 160	#7EE0A0
66.7%	66.7% #94EA99	RGB 148 234 153	#94EA99
83.3%	83.3% #ABF492	RGB 171 244 146	#ABF492
100.0%	100.0% #C2FF8C	RGB 194 255 140	#C2FF8C

#3AC2B4 #50CCAD #67D6A6 #7EE0A0 #94EA99 #ABF492 #C2FF8C

#3AC2B4 - #C2FF8C

Mezcla HSV

#3AC2B4 - #C2FF8C | 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 #3AC2B4 como 0% y #C2FF8C como 100%.

0.0%	0.0% #3AC2B4	RGB 58 194 180	#3AC2B4
16.7%	16.7% #45CC9F	RGB 69 204 159	#45CC9F
33.3%	33.3% #51D68C	RGB 81 214 140	#51D68C
50.0%	50.0% #5FE07A	RGB 95 224 122	#5FE07A
66.7%	66.7% #6FEA6D	RGB 111 234 109	#6FEA6D
83.3%	83.3% #99F47C	RGB 153 244 124	#99F47C
100.0%	100.0% #C2FF8C	RGB 194 255 140	#C2FF8C

#3AC2B4 #45CC9F #51D68C #5FE07A #6FEA6D #99F47C #C2FF8C

#3AC2B4 - #5FE07A - #C2FF8C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3AC2B4 0%, #5FE07A 50%, #C2FF8C 100%);
    background: -webkit-linear-gradient(top, #3AC2B4 0%, #5FE07A 50%, #C2FF8C 100%);
    background: linear-gradient(to bottom, #3AC2B4 0%, #5FE07A 50%, #C2FF8C 100%);
}
</style>