#359A8F - #C5E2DE | 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 #359A8F a #C5E2DE

#359A8F #C5E2DE

Calcule el color entre dos colores, #359A8F y #C5E2DE. 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)

#359A8F - #C5E2DE | 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 #359A8F como 0% y #C5E2DE como 100%.

0.0%	0.0% #359A8F	RGB 53 154 143	#359A8F
16.7%	16.7% #4DA69C	RGB 77 166 156	#4DA69C
33.3%	33.3% #65B2A9	RGB 101 178 169	#65B2A9
50.0%	50.0% #7DBEB6	RGB 125 190 182	#7DBEB6
66.7%	66.7% #95CAC3	RGB 149 202 195	#95CAC3
83.3%	83.3% #ADD6D0	RGB 173 214 208	#ADD6D0
100.0%	100.0% #C5E2DE	RGB 197 226 222	#C5E2DE

#359A8F #4DA69C #65B2A9 #7DBEB6 #95CAC3 #ADD6D0 #C5E2DE

#359A8F - #C5E2DE

Mezcla HSV

#359A8F - #C5E2DE | 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 #359A8F como 0% y #C5E2DE como 100%.

0.0%	0.0% #359A8F	RGB 53 154 143	#359A8F
16.7%	16.7% #47A69B	RGB 71 166 155	#47A69B
33.3%	33.3% #5CB2A7	RGB 92 178 167	#5CB2A7
50.0%	50.0% #73BEB4	RGB 115 190 180	#73BEB4
66.7%	66.7% #8CCAC2	RGB 140 202 194	#8CCAC2
83.3%	83.3% #A7D6CF	RGB 167 214 207	#A7D6CF
100.0%	100.0% #C5E2DE	RGB 197 226 222	#C5E2DE

#359A8F #47A69B #5CB2A7 #73BEB4 #8CCAC2 #A7D6CF #C5E2DE

#359A8F - #73BEB4 - #C5E2DE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #359A8F 0%, #73BEB4 50%, #C5E2DE 100%);
    background: -webkit-linear-gradient(top, #359A8F 0%, #73BEB4 50%, #C5E2DE 100%);
    background: linear-gradient(to bottom, #359A8F 0%, #73BEB4 50%, #C5E2DE 100%);
}
</style>