#88C3C3 - #21918E | 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 #88C3C3 a #21918E

#88C3C3 #21918E

Calcule el color entre dos colores, #88C3C3 y #21918E. 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)

#88C3C3 - #21918E | 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 #88C3C3 como 0% y #21918E como 100%.

0.0%	0.0% #88C3C3	RGB 136 195 195	#88C3C3
16.7%	16.7% #76BABA	RGB 118 186 186	#76BABA
33.3%	33.3% #65B2B1	RGB 101 178 177	#65B2B1
50.0%	50.0% #54AAA8	RGB 84 170 168	#54AAA8
66.7%	66.7% #43A19F	RGB 67 161 159	#43A19F
83.3%	83.3% #329996	RGB 50 153 150	#329996
100.0%	100.0% #21918E	RGB 33 145 142	#21918E

#88C3C3 #76BABA #65B2B1 #54AAA8 #43A19F #329996 #21918E

#88C3C3 - #21918E

Mezcla HSV

#88C3C3 - #21918E | 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 #88C3C3 como 0% y #21918E como 100%.

0.0%	0.0% #88C3C3	RGB 136 195 195	#88C3C3
16.7%	16.7% #73BABA	RGB 115 186 186	#73BABA
33.3%	33.3% #60B2B1	RGB 96 178 177	#60B2B1
50.0%	50.0% #4EAAA8	RGB 78 170 168	#4EAAA8
66.7%	66.7% #3EA19F	RGB 62 161 159	#3EA19F
83.3%	83.3% #2E9996	RGB 46 153 150	#2E9996
100.0%	100.0% #21918E	RGB 33 145 142	#21918E

#88C3C3 #73BABA #60B2B1 #4EAAA8 #3EA19F #2E9996 #21918E

#88C3C3 - #4EAAA8 - #21918E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #88C3C3 0%, #4EAAA8 50%, #21918E 100%);
    background: -webkit-linear-gradient(top, #88C3C3 0%, #4EAAA8 50%, #21918E 100%);
    background: linear-gradient(to bottom, #88C3C3 0%, #4EAAA8 50%, #21918E 100%);
}
</style>