#C5E2D1 - #5EB291 | 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 #C5E2D1 a #5EB291

#C5E2D1 #5EB291

Calcule el color entre dos colores, #C5E2D1 y #5EB291. 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)

#C5E2D1 - #5EB291 | 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 #C5E2D1 como 0% y #5EB291 como 100%.

0.0%	0.0% #C5E2D1	RGB 197 226 209	#C5E2D1
16.7%	16.7% #B3DAC6	RGB 179 218 198	#B3DAC6
33.3%	33.3% #A2D2BB	RGB 162 210 187	#A2D2BB
50.0%	50.0% #91CAB1	RGB 145 202 177	#91CAB1
66.7%	66.7% #80C2A6	RGB 128 194 166	#80C2A6
83.3%	83.3% #6FBA9B	RGB 111 186 155	#6FBA9B
100.0%	100.0% #5EB291	RGB 94 178 145	#5EB291

#C5E2D1 #B3DAC6 #A2D2BB #91CAB1 #80C2A6 #6FBA9B #5EB291

#C5E2D1 - #5EB291

Mezcla HSV

#C5E2D1 - #5EB291 | 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 #C5E2D1 como 0% y #5EB291 como 100%.

0.0%	0.0% #C5E2D1	RGB 197 226 209	#C5E2D1
16.7%	16.7% #B1DAC3	RGB 177 218 195	#B1DAC3
33.3%	33.3% #9FD2B7	RGB 159 210 183	#9FD2B7
50.0%	50.0% #8DCAAC	RGB 141 202 172	#8DCAAC
66.7%	66.7% #7CC2A2	RGB 124 194 162	#7CC2A2
83.3%	83.3% #6CBA99	RGB 108 186 153	#6CBA99
100.0%	100.0% #5EB291	RGB 94 178 145	#5EB291

#C5E2D1 #B1DAC3 #9FD2B7 #8DCAAC #7CC2A2 #6CBA99 #5EB291

#C5E2D1 - #8DCAAC - #5EB291

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E2D1 0%, #8DCAAC 50%, #5EB291 100%);
    background: -webkit-linear-gradient(top, #C5E2D1 0%, #8DCAAC 50%, #5EB291 100%);
    background: linear-gradient(to bottom, #C5E2D1 0%, #8DCAAC 50%, #5EB291 100%);
}
</style>