#C2E3E5 - #5EAD99 | 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 #C2E3E5 a #5EAD99

#C2E3E5 #5EAD99

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

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

0.0%	0.0% #C2E3E5	RGB 194 227 229	#C2E3E5
16.7%	16.7% #B1DAD8	RGB 177 218 216	#B1DAD8
33.3%	33.3% #A0D1CB	RGB 160 209 203	#A0D1CB
50.0%	50.0% #90C8BF	RGB 144 200 191	#90C8BF
66.7%	66.7% #7FBFB2	RGB 127 191 178	#7FBFB2
83.3%	83.3% #6EB6A5	RGB 110 182 165	#6EB6A5
100.0%	100.0% #5EAD99	RGB 94 173 153	#5EAD99

#C2E3E5 #B1DAD8 #A0D1CB #90C8BF #7FBFB2 #6EB6A5 #5EAD99

#C2E3E5 - #5EAD99

Mezcla HSV

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

0.0%	0.0% #C2E3E5	RGB 194 227 229	#C2E3E5
16.7%	16.7% #AEDBDB	RGB 174 219 219	#AEDBDB
33.3%	33.3% #9CD2CF	RGB 156 210 207	#9CD2CF
50.0%	50.0% #8BC9C2	RGB 139 201 194	#8BC9C2
66.7%	66.7% #7BBFB5	RGB 123 191 181	#7BBFB5
83.3%	83.3% #6CB6A7	RGB 108 182 167	#6CB6A7
100.0%	100.0% #5EAD99	RGB 94 173 153	#5EAD99

#C2E3E5 #AEDBDB #9CD2CF #8BC9C2 #7BBFB5 #6CB6A7 #5EAD99

#C2E3E5 - #8BC9C2 - #5EAD99

Códigos CSS

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

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