#C2FFB2 - #6CEC5E | 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 #C2FFB2 a #6CEC5E

#C2FFB2 #6CEC5E

Calcule el color entre dos colores, #C2FFB2 y #6CEC5E. 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)

#C2FFB2 - #6CEC5E | 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 #C2FFB2 como 0% y #6CEC5E como 100%.

0.0%	0.0% #C2FFB2	RGB 194 255 178	#C2FFB2
16.7%	16.7% #B3FBA4	RGB 179 251 164	#B3FBA4
33.3%	33.3% #A5F896	RGB 165 248 150	#A5F896
50.0%	50.0% #97F588	RGB 151 245 136	#97F588
66.7%	66.7% #88F27A	RGB 136 242 122	#88F27A
83.3%	83.3% #7AEF6C	RGB 122 239 108	#7AEF6C
100.0%	100.0% #6CEC5E	RGB 108 236 94	#6CEC5E

#C2FFB2 #B3FBA4 #A5F896 #97F588 #88F27A #7AEF6C #6CEC5E

#C2FFB2 - #6CEC5E

Mezcla HSV

#C2FFB2 - #6CEC5E | 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 #C2FFB2 como 0% y #6CEC5E como 100%.

0.0%	0.0% #C2FFB2	RGB 194 255 178	#C2FFB2
16.7%	16.7% #B4FBA3	RGB 180 251 163	#B4FBA3
33.3%	33.3% #A5F894	RGB 165 248 148	#A5F894
50.0%	50.0% #97F586	RGB 151 245 134	#97F586
66.7%	66.7% #89F278	RGB 137 242 120	#89F278
83.3%	83.3% #7AEF6B	RGB 122 239 107	#7AEF6B
100.0%	100.0% #6CEC5E	RGB 108 236 94	#6CEC5E

#C2FFB2 #B4FBA3 #A5F894 #97F586 #89F278 #7AEF6B #6CEC5E

#C2FFB2 - #97F586 - #6CEC5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2FFB2 0%, #97F586 50%, #6CEC5E 100%);
    background: -webkit-linear-gradient(top, #C2FFB2 0%, #97F586 50%, #6CEC5E 100%);
    background: linear-gradient(to bottom, #C2FFB2 0%, #97F586 50%, #6CEC5E 100%);
}
</style>