#C8F5E5 - #61CFBB | 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 #C8F5E5 a #61CFBB

#C8F5E5 #61CFBB

Calcule el color entre dos colores, #C8F5E5 y #61CFBB. 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)

#C8F5E5 - #61CFBB | 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 #C8F5E5 como 0% y #61CFBB como 100%.

0.0%	0.0% #C8F5E5	RGB 200 245 229	#C8F5E5
16.7%	16.7% #B6EEDE	RGB 182 238 222	#B6EEDE
33.3%	33.3% #A5E8D7	RGB 165 232 215	#A5E8D7
50.0%	50.0% #94E2D0	RGB 148 226 208	#94E2D0
66.7%	66.7% #83DBC9	RGB 131 219 201	#83DBC9
83.3%	83.3% #72D5C2	RGB 114 213 194	#72D5C2
100.0%	100.0% #61CFBB	RGB 97 207 187	#61CFBB

#C8F5E5 #B6EEDE #A5E8D7 #94E2D0 #83DBC9 #72D5C2 #61CFBB

#C8F5E5 - #61CFBB

Mezcla HSV

#C8F5E5 - #61CFBB | 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 #C8F5E5 como 0% y #61CFBB como 100%.

0.0%	0.0% #C8F5E5	RGB 200 245 229	#C8F5E5
16.7%	16.7% #B4EEDB	RGB 180 238 219	#B4EEDB
33.3%	33.3% #A2E8D3	RGB 162 232 211	#A2E8D3
50.0%	50.0% #91E2CC	RGB 145 226 204	#91E2CC
66.7%	66.7% #80DBC5	RGB 128 219 197	#80DBC5
83.3%	83.3% #70D5C0	RGB 112 213 192	#70D5C0
100.0%	100.0% #61CFBB	RGB 97 207 187	#61CFBB

#C8F5E5 #B4EEDB #A2E8D3 #91E2CC #80DBC5 #70D5C0 #61CFBB

#C8F5E5 - #91E2CC - #61CFBB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8F5E5 0%, #91E2CC 50%, #61CFBB 100%);
    background: -webkit-linear-gradient(top, #C8F5E5 0%, #91E2CC 50%, #61CFBB 100%);
    background: linear-gradient(to bottom, #C8F5E5 0%, #91E2CC 50%, #61CFBB 100%);
}
</style>