#88CCCC - #CFDFB9 | 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 #88CCCC a #CFDFB9

#88CCCC #CFDFB9

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

#88CCCC - #CFDFB9 | 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 #88CCCC como 0% y #CFDFB9 como 100%.

0.0%	0.0% #88CCCC	RGB 136 204 204	#88CCCC
16.7%	16.7% #93CFC8	RGB 147 207 200	#93CFC8
33.3%	33.3% #9FD2C5	RGB 159 210 197	#9FD2C5
50.0%	50.0% #ABD5C2	RGB 171 213 194	#ABD5C2
66.7%	66.7% #B7D8BF	RGB 183 216 191	#B7D8BF
83.3%	83.3% #C3DBBC	RGB 195 219 188	#C3DBBC
100.0%	100.0% #CFDFB9	RGB 207 223 185	#CFDFB9

#88CCCC #93CFC8 #9FD2C5 #ABD5C2 #B7D8BF #C3DBBC #CFDFB9

#88CCCC - #CFDFB9

Mezcla HSV

#88CCCC - #CFDFB9 | 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 #88CCCC como 0% y #CFDFB9 como 100%.

0.0%	0.0% #88CCCC	RGB 136 204 204	#88CCCC
16.7%	16.7% #8FCFBE	RGB 143 207 190	#8FCFBE
33.3%	33.3% #97D2B3	RGB 151 210 179	#97D2B3
50.0%	50.0% #9FD5AB	RGB 159 213 171	#9FD5AB
66.7%	66.7% #AAD8A7	RGB 170 216 167	#AAD8A7
83.3%	83.3% #BEDBB0	RGB 190 219 176	#BEDBB0
100.0%	100.0% #CFDFB9	RGB 207 223 185	#CFDFB9

#88CCCC #8FCFBE #97D2B3 #9FD5AB #AAD8A7 #BEDBB0 #CFDFB9

#88CCCC - #9FD5AB - #CFDFB9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #88CCCC 0%, #9FD5AB 50%, #CFDFB9 100%);
    background: -webkit-linear-gradient(top, #88CCCC 0%, #9FD5AB 50%, #CFDFB9 100%);
    background: linear-gradient(to bottom, #88CCCC 0%, #9FD5AB 50%, #CFDFB9 100%);
}
</style>