#81CBCB - #CFE0B8 | 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 #81CBCB a #CFE0B8

#81CBCB #CFE0B8

Calcule el color entre dos colores, #81CBCB y #CFE0B8. 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)

#81CBCB - #CFE0B8 | 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 #81CBCB como 0% y #CFE0B8 como 100%.

0.0%	0.0% #81CBCB	RGB 129 203 203	#81CBCB
16.7%	16.7% #8ECEC7	RGB 142 206 199	#8ECEC7
33.3%	33.3% #9BD2C4	RGB 155 210 196	#9BD2C4
50.0%	50.0% #A8D5C1	RGB 168 213 193	#A8D5C1
66.7%	66.7% #B5D9BE	RGB 181 217 190	#B5D9BE
83.3%	83.3% #C2DCBB	RGB 194 220 187	#C2DCBB
100.0%	100.0% #CFE0B8	RGB 207 224 184	#CFE0B8

#81CBCB #8ECEC7 #9BD2C4 #A8D5C1 #B5D9BE #C2DCBB #CFE0B8

#81CBCB - #CFE0B8

Mezcla HSV

#81CBCB - #CFE0B8 | 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 #81CBCB como 0% y #CFE0B8 como 100%.

0.0%	0.0% #81CBCB	RGB 129 203 203	#81CBCB
16.7%	16.7% #89CEBC	RGB 137 206 188	#89CEBC
33.3%	33.3% #92D2B0	RGB 146 210 176	#92D2B0
50.0%	50.0% #9BD5A7	RGB 155 213 167	#9BD5A7
66.7%	66.7% #A7D9A4	RGB 167 217 164	#A7D9A4
83.3%	83.3% #BCDCAE	RGB 188 220 174	#BCDCAE
100.0%	100.0% #CFE0B8	RGB 207 224 184	#CFE0B8

#81CBCB #89CEBC #92D2B0 #9BD5A7 #A7D9A4 #BCDCAE #CFE0B8

#81CBCB - #9BD5A7 - #CFE0B8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #81CBCB 0%, #9BD5A7 50%, #CFE0B8 100%);
    background: -webkit-linear-gradient(top, #81CBCB 0%, #9BD5A7 50%, #CFE0B8 100%);
    background: linear-gradient(to bottom, #81CBCB 0%, #9BD5A7 50%, #CFE0B8 100%);
}
</style>